colorhexa.com

#3358ea hex color

In a RGB color space, hex #3358ea is composed of 20% red, 34.5% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 62.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 227.9 degrees, a saturation of 81.3% and a lightness of 55.9%. #3358ea color hex could be obtained by blending #66b0ff with #0000d5. Closest websafe color is: #3366ff.

- R 20
- G 35
- B 92
RGB color chart
- C 78
- M 62
- Y 0
- K 8
CMYK color chart

● #3358ea color description : Bright blue.

The hexadecimal color #3358ea has RGB values of R:51, G:88, B:234 and CMYK values of C:0.78, M:0.62, Y:0, K:0.08. Its decimal value is 3365098.

Hex triplet	3358ea	`#3358ea`
RGB Decimal	51, 88, 234	`rgb(51,88,234)`
RGB Percent	20, 34.5, 91.8	`rgb(20%,34.5%,91.8%)`
CMYK	78, 62, 0, 8
HSL	227.9°, 81.3, 55.9	`hsl(227.9,81.3%,55.9%)`
HSV (or HSB)	227.9°, 78.2, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.686, 38.647, -77.132
XYZ	19.703, 13.622, 79.428
xyY	0.175, 0.121, 13.622
CIE-LCH	43.686, 86.273, 296.613
CIE-LUV	43.686, -15.544, -115.374
Hunter-Lab	36.908, 30.7, -101.758
Binary	00110011, 01011000, 11101010

#3358ea
```
#3358ea rgb(51,88,234)
```
#eac533
```
#eac533 rgb(234,197,51)
```

Complementary Color

#33b4ea
```
#33b4ea rgb(51,180,234)
```
#3358ea
```
#3358ea rgb(51,88,234)
```
#6a33ea
```
#6a33ea rgb(106,51,234)
```

Analogous Color

#b4ea33
```
#b4ea33 rgb(180,234,51)
```
#3358ea
```
#3358ea rgb(51,88,234)
```
#ea6a33
```
#ea6a33 rgb(234,106,51)
```

Split Complementary Color

#58ea33
```
#58ea33 rgb(88,234,51)
```
#3358ea
```
#3358ea rgb(51,88,234)
```
#ea3358
```
#ea3358 rgb(234,51,88)
```

Triadic Color

#33eac5
```
#33eac5 rgb(51,234,197)
```
#3358ea
```
#3358ea rgb(51,88,234)
```
#ea3358
```
#ea3358 rgb(234,51,88)
```
#eac533
```
#eac533 rgb(234,197,51)
```

Tetradic Color

#1336bd
```
#1336bd rgb(19,54,189)
```
#163cd4
```
#163cd4 rgb(22,60,212)
```
#1c45e8
```
#1c45e8 rgb(28,69,232)
```
#3358ea
```
#3358ea rgb(51,88,234)
```
#4a6bec
```
#4a6bec rgb(74,107,236)
```
#617eef
```
#617eef rgb(97,126,239)
```
#7891f1
```
#7891f1 rgb(120,145,241)
```

Monochromatic Color

Below, you can see some colors close to #3358ea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3386ea
```
#3386ea rgb(51,134,234)
```
#3377ea
```
#3377ea rgb(51,119,234)
```
#3367ea
```
#3367ea rgb(51,103,234)
```
#3358ea
```
#3358ea rgb(51,88,234)
```
#3349ea
```
#3349ea rgb(51,73,234)
```
#333aea
```
#333aea rgb(51,58,234)
```
#3c33ea
```
#3c33ea rgb(60,51,234)
```

Similar Colors

Text with hexadecimal color #3358ea

This text has a font color of #3358ea.

<span style="color:#3358ea;">Text here</span>

#3358ea background color

This paragraph has a background color of #3358ea.

<p style="background-color:#3358ea;">Content here</p>

#3358ea border color

This element has a border color of #3358ea.

<div style="border:1px solid #3358ea;">Content here</div>

CSS codes

.text {color:#3358ea;}

.background {background-color:#3358ea;}

.border {border:1px solid #3358ea;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010309 is the darkest color, while #f7f8fe is the lightest one.

#010309
```
#010309 rgb(1,3,9)
```
#03081b
```
#03081b rgb(3,8,27)
```
#050d2d
```
#050d2d rgb(5,13,45)
```
#06123f
```
#06123f rgb(6,18,63)
```
#081751
```
#081751 rgb(8,23,81)
```
#0a1c62
```
#0a1c62 rgb(10,28,98)
```
#0c2174
```
#0c2174 rgb(12,33,116)
```
#0e2686
```
#0e2686 rgb(14,38,134)
```
#102b98
```
#102b98 rgb(16,43,152)
```
#1130a9
```
#1130a9 rgb(17,48,169)
```
#1335bb
```
#1335bb rgb(19,53,187)
```
#153acd
```
#153acd rgb(21,58,205)
```
#173fdf
```
#173fdf rgb(23,63,223)
```

Shade Color Variation

#2149e8
```
#2149e8 rgb(33,73,232)
```
#3358ea
```
#3358ea rgb(51,88,234)
```
#4567ec
```
#4567ec rgb(69,103,236)
```
#5775ee
```
#5775ee rgb(87,117,238)
```
#6884ef
```
#6884ef rgb(104,132,239)
```
#7a92f1
```
#7a92f1 rgb(122,146,241)
```
#8ca1f3
```
#8ca1f3 rgb(140,161,243)
```
#9eaff5
```
#9eaff5 rgb(158,175,245)
```
#afbef7
```
#afbef7 rgb(175,190,247)
```
#c1ccf9
```
#c1ccf9 rgb(193,204,249)
```
#d3dbfa
```
#d3dbfa rgb(211,219,250)
```
#e5eafc
```
#e5eafc rgb(229,234,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c93 is the less saturated color, while #224efb is the most saturated one.

#8a8c93
```
#8a8c93 rgb(138,140,147)
```
#81869c
```
#81869c rgb(129,134,156)
```
#7881a5
```
#7881a5 rgb(120,129,165)
```
#707cad
```
#707cad rgb(112,124,173)
```
#6777b6
```
#6777b6 rgb(103,119,182)
```
#5e72bf
```
#5e72bf rgb(94,114,191)
```
#566dc7
```
#566dc7 rgb(86,109,199)
```
#4d67d0
```
#4d67d0 rgb(77,103,208)
```
#4462d9
```
#4462d9 rgb(68,98,217)
```
#3c5de1
```
#3c5de1 rgb(60,93,225)
```
#3358ea
```
#3358ea rgb(51,88,234)
```
#2a53f3
```
#2a53f3 rgb(42,83,243)
```
#224efb
```
#224efb rgb(34,78,251)
```

Tone Color Variation

Below, you can see how #3358ea is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5e5e5e Achromatopsia 0.005% of the population
#555d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#1264db Protanomaly 1% of men, 0.01% of women
#1268c9 Deuteranomaly 6% of men, 0.4% of women
#126da7 Tritanomaly 0.01% of the population