#3158eb hex color

In a RGB color space, hex #3158eb is composed of 19.2% red, 34.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 62.6% magenta, 0% yellow and 7.8% black. It has a hue angle of 227.4 degrees, a saturation of 82.3% and a lightness of 55.7%. #3158eb color hex could be obtained by blending #62b0ff with #0000d7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 35
- B 92
RGB color chart
- C 79
- M 63
- Y 0
- K 8
CMYK color chart

● #3158eb color description : Bright blue.

The hexadecimal color #3158eb has RGB values of R:49, G:88, B:235 and CMYK values of C:0.79, M:0.63, Y:0, K:0.08. Its decimal value is 3234027.

Hex triplet	3158eb	`#3158eb`
RGB Decimal	49, 88, 235	`rgb(49,88,235)`
RGB Percent	19.2, 34.5, 92.2	`rgb(19.2%,34.5%,92.2%)`
CMYK	79, 63, 0, 8
HSL	227.4°, 82.3, 55.7	`hsl(227.4,82.3%,55.7%)`
HSV (or HSB)	227.4°, 79.1, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.696, 38.832, -77.683
XYZ	19.749, 13.629, 80.183
xyY	0.174, 0.12, 13.629
CIE-LCH	43.696, 86.848, 296.56
CIE-LUV	43.696, -15.827, -116.107
Hunter-Lab	36.918, 30.88, -102.931
Binary	00110001, 01011000, 11101011

#3158eb
```
#3158eb rgb(49,88,235)
```
#ebc431
```
#ebc431 rgb(235,196,49)
```

Complementary Color

#31b5eb
```
#31b5eb rgb(49,181,235)
```
#3158eb
```
#3158eb rgb(49,88,235)
```
#6731eb
```
#6731eb rgb(103,49,235)
```

Analogous Color

#b5eb31
```
#b5eb31 rgb(181,235,49)
```
#3158eb
```
#3158eb rgb(49,88,235)
```
#eb6731
```
#eb6731 rgb(235,103,49)
```

Split Complementary Color

#58eb31
```
#58eb31 rgb(88,235,49)
```
#3158eb
```
#3158eb rgb(49,88,235)
```
#eb3158
```
#eb3158 rgb(235,49,88)
```

Triadic Color

#31ebc4
```
#31ebc4 rgb(49,235,196)
```
#3158eb
```
#3158eb rgb(49,88,235)
```
#eb3158
```
#eb3158 rgb(235,49,88)
```
#ebc431
```
#ebc431 rgb(235,196,49)
```

Tetradic Color

#1236bd
```
#1236bd rgb(18,54,189)
```
#153dd4
```
#153dd4 rgb(21,61,212)
```
#1a45e9
```
#1a45e9 rgb(26,69,233)
```
#3158eb
```
#3158eb rgb(49,88,235)
```
#486bed
```
#486bed rgb(72,107,237)
```
#5f7ef0
```
#5f7ef0 rgb(95,126,240)
```
#7791f2
```
#7791f2 rgb(119,145,242)
```

Monochromatic Color

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

#3187eb
```
#3187eb rgb(49,135,235)
```
#3177eb
```
#3177eb rgb(49,119,235)
```
#3168eb
```
#3168eb rgb(49,104,235)
```
#3158eb
```
#3158eb rgb(49,88,235)
```
#3149eb
```
#3149eb rgb(49,73,235)
```
#3139eb
```
#3139eb rgb(49,57,235)
```
#3831eb
```
#3831eb rgb(56,49,235)
```

Similar Colors

Text with hexadecimal color #3158eb

This text has a font color of #3158eb.

<span style="color:#3158eb;">Text here</span>

#3158eb background color

This paragraph has a background color of #3158eb.

<p style="background-color:#3158eb;">Content here</p>

#3158eb border color

This element has a border color of #3158eb.

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

CSS codes

.text {color:#3158eb;}

.background {background-color:#3158eb;}

.border {border:1px solid #3158eb;}

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, #010209 is the darkest color, while #f6f7fe is the lightest one.

#010209
```
#010209 rgb(1,2,9)
```
#03081a
```
#03081a rgb(3,8,26)
```
#040d2c
```
#040d2c rgb(4,13,44)
```
#06123e
```
#06123e rgb(6,18,62)
```
#081750
```
#081750 rgb(8,23,80)
```
#0a1c62
```
#0a1c62 rgb(10,28,98)
```
#0b2174
```
#0b2174 rgb(11,33,116)
```
#0d2686
```
#0d2686 rgb(13,38,134)
```
#0f2b98
```
#0f2b98 rgb(15,43,152)
```
#1031a9
```
#1031a9 rgb(16,49,169)
```
#1236bb
```
#1236bb rgb(18,54,187)
```
#143bcd
```
#143bcd rgb(20,59,205)
```
#1640df
```
#1640df rgb(22,64,223)
```

Shade Color Variation

#1f4ae9
```
#1f4ae9 rgb(31,74,233)
```
#3158eb
```
#3158eb rgb(49,88,235)
```
#4366ed
```
#4366ed rgb(67,102,237)
```
#5575ee
```
#5575ee rgb(85,117,238)
```
#6783f0
```
#6783f0 rgb(103,131,240)
```
#7992f2
```
#7992f2 rgb(121,146,242)
```
#8aa0f4
```
#8aa0f4 rgb(138,160,244)
```
#9caff5
```
#9caff5 rgb(156,175,245)
```
#aebdf7
```
#aebdf7 rgb(174,189,247)
```
#c0ccf9
```
#c0ccf9 rgb(192,204,249)
```
#d2dafb
```
#d2dafb rgb(210,218,251)
```
#e4e9fc
```
#e4e9fc rgb(228,233,252)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a94 is the less saturated color, while #204efc is the most saturated one.

#888a94
```
#888a94 rgb(136,138,148)
```
#7f859d
```
#7f859d rgb(127,133,157)
```
#7780a5
```
#7780a5 rgb(119,128,165)
```
#6e7bae
```
#6e7bae rgb(110,123,174)
```
#6576b7
```
#6576b7 rgb(101,118,183)
```
#5c71c0
```
#5c71c0 rgb(92,113,192)
```
#546cc8
```
#546cc8 rgb(84,108,200)
```
#4b67d1
```
#4b67d1 rgb(75,103,209)
```
#4262da
```
#4262da rgb(66,98,218)
```
#3a5de2
```
#3a5de2 rgb(58,93,226)
```
#3158eb
```
#3158eb rgb(49,88,235)
```
#2853f4
```
#2853f4 rgb(40,83,244)
```
#204efc
```
#204efc rgb(32,78,252)
```

Tone Color Variation

Below, you can see how #3158eb 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

#5d5d5d Achromatopsia 0.005% of the population
#545c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1164db Protanomaly 1% of men, 0.01% of women
#1168ca Deuteranomaly 6% of men, 0.4% of women
#116da7 Tritanomaly 0.01% of the population

#3158eb hex color

#3158eb Color Information

#3158eb Color Conversion

Color Schemes with #3158eb

Alternatives to #3158eb

#3158eb Preview

Shades and Tints of #3158eb

Tones of #3158eb

Color Blindness Simulator