colorhexa.com

#158eeb hex color

In a RGB color space, hex #158eeb is composed of 8.2% red, 55.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 39.6% magenta, 0% yellow and 7.8% black. It has a hue angle of 206.1 degrees, a saturation of 84.3% and a lightness of 50.2%. #158eeb color hex could be obtained by blending #2affff with #001dd7. Closest websafe color is: #0099ff.

- R 8
- G 56
- B 92
RGB color chart
- C 91
- M 40
- Y 0
- K 8
CMYK color chart

● #158eeb color description : Vivid blue.

The hexadecimal color #158eeb has RGB values of R:21, G:142, B:235 and CMYK values of C:0.91, M:0.4, Y:0, K:0.08. Its decimal value is 1412843.

Hex triplet	158eeb	`#158eeb`
RGB Decimal	21, 142, 235	`rgb(21,142,235)`
RGB Percent	8.2, 55.7, 92.2	`rgb(8.2%,55.7%,92.2%)`
CMYK	91, 40, 0, 8
HSL	206.1°, 84.3, 50.2	`hsl(206.1,84.3%,50.2%)`
HSV (or HSB)	206.1°, 91.1, 92.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.561, 3.177, -55.28
XYZ	24.974, 25.501, 82.199
xyY	0.188, 0.192, 25.501
CIE-LCH	57.561, 55.372, 273.289
CIE-LUV	57.561, -33.758, -87.886
Hunter-Lab	50.499, -0.096, -61.159
Binary	00010101, 10001110, 11101011

#158eeb
```
#158eeb rgb(21,142,235)
```
#eb7215
```
#eb7215 rgb(235,114,21)
```

Complementary Color

#15ebdd
```
#15ebdd rgb(21,235,221)
```
#158eeb
```
#158eeb rgb(21,142,235)
```
#1523eb
```
#1523eb rgb(21,35,235)
```

Analogous Color

#ebdd15
```
#ebdd15 rgb(235,221,21)
```
#158eeb
```
#158eeb rgb(21,142,235)
```
#eb1523
```
#eb1523 rgb(235,21,35)
```

Split Complementary Color

#8eeb15
```
#8eeb15 rgb(142,235,21)
```
#158eeb
```
#158eeb rgb(21,142,235)
```
#eb158e
```
#eb158e rgb(235,21,142)
```

Triadic Color

#15eb72
```
#15eb72 rgb(21,235,114)
```
#158eeb
```
#158eeb rgb(21,142,235)
```
#eb158e
```
#eb158e rgb(235,21,142)
```
#eb7215
```
#eb7215 rgb(235,114,21)
```

Tetradic Color

#0e64a5
```
#0e64a5 rgb(14,100,165)
```
#1072bd
```
#1072bd rgb(16,114,189)
```
#1280d4
```
#1280d4 rgb(18,128,212)
```
#158eeb
```
#158eeb rgb(21,142,235)
```
#2c99ed
```
#2c99ed rgb(44,153,237)
```
#44a5ef
```
#44a5ef rgb(68,165,239)
```
#5bb0f1
```
#5bb0f1 rgb(91,176,241)
```

Monochromatic Color

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

#15c4eb
```
#15c4eb rgb(21,196,235)
```
#15b2eb
```
#15b2eb rgb(21,178,235)
```
#15a0eb
```
#15a0eb rgb(21,160,235)
```
#158eeb
```
#158eeb rgb(21,142,235)
```
#157ceb
```
#157ceb rgb(21,124,235)
```
#156aeb
```
#156aeb rgb(21,106,235)
```
#1559eb
```
#1559eb rgb(21,89,235)
```

Similar Colors

Text with hexadecimal color #158eeb

This text has a font color of #158eeb.

<span style="color:#158eeb;">Text here</span>

#158eeb background color

This paragraph has a background color of #158eeb.

<p style="background-color:#158eeb;">Content here</p>

#158eeb border color

This element has a border color of #158eeb.

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

CSS codes

.text {color:#158eeb;}

.background {background-color:#158eeb;}

.border {border:1px solid #158eeb;}

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

#000101
```
#000101 rgb(0,1,1)
```
#020b13
```
#020b13 rgb(2,11,19)
```
#031625
```
#031625 rgb(3,22,37)
```
#052137
```
#052137 rgb(5,33,55)
```
#062c49
```
#062c49 rgb(6,44,73)
```
#08375b
```
#08375b rgb(8,55,91)
```
#09426d
```
#09426d rgb(9,66,109)
```
#0b4d7f
```
#0b4d7f rgb(11,77,127)
```
#0c5891
```
#0c5891 rgb(12,88,145)
```
#0e63a4
```
#0e63a4 rgb(14,99,164)
```
#106db6
```
#106db6 rgb(16,109,182)
```
#1178c8
```
#1178c8 rgb(17,120,200)
```
#1383da
```
#1383da rgb(19,131,218)
```

Shade Color Variation

#158eeb
```
#158eeb rgb(21,142,235)
```
#2797ed
```
#2797ed rgb(39,151,237)
```
#399fee
```
#399fee rgb(57,159,238)
```
#4ba8f0
```
#4ba8f0 rgb(75,168,240)
```
#5db1f1
```
#5db1f1 rgb(93,177,241)
```
#6fbaf3
```
#6fbaf3 rgb(111,186,243)
```
#81c2f4
```
#81c2f4 rgb(129,194,244)
```
#93cbf6
```
#93cbf6 rgb(147,203,246)
```
#a6d4f7
```
#a6d4f7 rgb(166,212,247)
```
#b8ddf9
```
#b8ddf9 rgb(184,221,249)
```
#cae5fa
```
#cae5fa rgb(202,229,250)
```
#dceefc
```
#dceefc rgb(220,238,252)
```
#eef7fe
```
#eef7fe rgb(238,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778189 is the less saturated color, while #0191ff is the most saturated one.

#778189
```
#778189 rgb(119,129,137)
```
#6d8293
```
#6d8293 rgb(109,130,147)
```
#63849d
```
#63849d rgb(99,132,157)
```
#5985a7
```
#5985a7 rgb(89,133,167)
```
#5086b0
```
#5086b0 rgb(80,134,176)
```
#4688ba
```
#4688ba rgb(70,136,186)
```
#3c89c4
```
#3c89c4 rgb(60,137,196)
```
#328ace
```
#328ace rgb(50,138,206)
```
#298bd7
```
#298bd7 rgb(41,139,215)
```
#1f8de1
```
#1f8de1 rgb(31,141,225)
```
#158eeb
```
#158eeb rgb(21,142,235)
```
#0b8ff5
```
#0b8ff5 rgb(11,143,245)
```
#0191ff
```
#0191ff rgb(1,145,255)
```

Tone Color Variation

Below, you can see how #158eeb 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

#747474 Achromatopsia 0.005% of the population
#61798c Atypical Achromatopsia 0.001% of the population

Dichromacy

#678de6 Protanopia 1% of men
#3d91ec Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#498de8 Protanomaly 1% of men, 0.01% of women
#2e90ec Deuteranomaly 6% of men, 0.4% of women
#0798c0 Tritanomaly 0.01% of the population