#158ee2 hex color

In a RGB color space, hex #158ee2 is composed of 8.2% red, 55.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 37.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 204.6 degrees, a saturation of 83% and a lightness of 48.4%. #158ee2 color hex could be obtained by blending #2affff with #001dc5. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 56
- B 89
RGB color chart
- C 91
- M 37
- Y 0
- K 11
CMYK color chart

● #158ee2 color description : Vivid blue.

The hexadecimal color #158ee2 has RGB values of R:21, G:142, B:226 and CMYK values of C:0.91, M:0.37, Y:0, K:0.11. Its decimal value is 1412834.

Hex triplet	158ee2	`#158ee2`
RGB Decimal	21, 142, 226	`rgb(21,142,226)`
RGB Percent	8.2, 55.7, 88.6	`rgb(8.2%,55.7%,88.6%)`
CMYK	91, 37, 0, 11
HSL	204.6°, 83, 48.4	`hsl(204.6,83%,48.4%)`
HSV (or HSB)	204.6°, 90.7, 88.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	57.07, -0.22, -51.056
XYZ	23.706, 24.994, 75.522
xyY	0.191, 0.201, 24.994
CIE-LCH	57.07, 51.057, 269.753
CIE-LUV	57.07, -34.249, -80.517
Hunter-Lab	49.994, -2.848, -54.569
Binary	00010101, 10001110, 11100010

#158ee2
```
#158ee2 rgb(21,142,226)
```
#e26915
```
#e26915 rgb(226,105,21)
```

Complementary Color

#15e2d0
```
#15e2d0 rgb(21,226,208)
```
#158ee2
```
#158ee2 rgb(21,142,226)
```
#1528e2
```
#1528e2 rgb(21,40,226)
```

Analogous Color

#e2d015
```
#e2d015 rgb(226,208,21)
```
#158ee2
```
#158ee2 rgb(21,142,226)
```
#e21528
```
#e21528 rgb(226,21,40)
```

Split Complementary Color

#8ee215
```
#8ee215 rgb(142,226,21)
```
#158ee2
```
#158ee2 rgb(21,142,226)
```
#e2158e
```
#e2158e rgb(226,21,142)
```

Triadic Color

#15e269
```
#15e269 rgb(21,226,105)
```
#158ee2
```
#158ee2 rgb(21,142,226)
```
#e2158e
```
#e2158e rgb(226,21,142)
```
#e26915
```
#e26915 rgb(226,105,21)
```

Tetradic Color

#0e629c
```
#0e629c rgb(14,98,156)
```
#1171b3
```
#1171b3 rgb(17,113,179)
```
#137fcb
```
#137fcb rgb(19,127,203)
```
#158ee2
```
#158ee2 rgb(21,142,226)
```
#269aeb
```
#269aeb rgb(38,154,235)
```
#3da5ed
```
#3da5ed rgb(61,165,237)
```
#54b0ef
```
#54b0ef rgb(84,176,239)
```

Monochromatic Color

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

#15c1e2
```
#15c1e2 rgb(21,193,226)
```
#15b0e2
```
#15b0e2 rgb(21,176,226)
```
#159fe2
```
#159fe2 rgb(21,159,226)
```
#158ee2
```
#158ee2 rgb(21,142,226)
```
#157de2
```
#157de2 rgb(21,125,226)
```
#156ce2
```
#156ce2 rgb(21,108,226)
```
#155be2
```
#155be2 rgb(21,91,226)
```

Similar Colors

Text with hexadecimal color #158ee2

This text has a font color of #158ee2.

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

#158ee2 background color

This paragraph has a background color of #158ee2.

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

#158ee2 border color

This element has a border color of #158ee2.

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

CSS codes

.text {color:#158ee2;}

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

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

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, #01070b is the darkest color, while #f8fcfe is the lightest one.

#01070b
```
#01070b rgb(1,7,11)
```
#03121d
```
#03121d rgb(3,18,29)
```
#041d2f
```
#041d2f rgb(4,29,47)
```
#062940
```
#062940 rgb(6,41,64)
```
#083452
```
#083452 rgb(8,52,82)
```
#093f64
```
#093f64 rgb(9,63,100)
```
#0b4a76
```
#0b4a76 rgb(11,74,118)
```
#0d5688
```
#0d5688 rgb(13,86,136)
```
#0e619a
```
#0e619a rgb(14,97,154)
```
#106cac
```
#106cac rgb(16,108,172)
```
#1277be
```
#1277be rgb(18,119,190)
```
#1383d0
```
#1383d0 rgb(19,131,208)
```
#158ee2
```
#158ee2 rgb(21,142,226)
```

Shade Color Variation

#2098ea
```
#2098ea rgb(32,152,234)
```
#32a0ec
```
#32a0ec rgb(50,160,236)
```
#44a8ee
```
#44a8ee rgb(68,168,238)
```
#56b1ef
```
#56b1ef rgb(86,177,239)
```
#68b9f1
```
#68b9f1 rgb(104,185,241)
```
#7ac1f3
```
#7ac1f3 rgb(122,193,243)
```
#8ccaf4
```
#8ccaf4 rgb(140,202,244)
```
#9ed2f6
```
#9ed2f6 rgb(158,210,246)
```
#b0daf8
```
#b0daf8 rgb(176,218,248)
```
#c2e3f9
```
#c2e3f9 rgb(194,227,249)
```
#d4ebfb
```
#d4ebfb rgb(212,235,251)
```
#e6f3fd
```
#e6f3fd rgb(230,243,253)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747d83 is the less saturated color, while #0291f5 is the most saturated one.

#747d83
```
#747d83 rgb(116,125,131)
```
#6b7f8d
```
#6b7f8d rgb(107,127,141)
```
#618096
```
#618096 rgb(97,128,150)
```
#5882a0
```
#5882a0 rgb(88,130,160)
```
#4e84a9
```
#4e84a9 rgb(78,132,169)
```
#4585b3
```
#4585b3 rgb(69,133,179)
```
#3b87bc
```
#3b87bc rgb(59,135,188)
```
#3289c6
```
#3289c6 rgb(50,137,198)
```
#288bcf
```
#288bcf rgb(40,139,207)
```
#1f8cd9
```
#1f8cd9 rgb(31,140,217)
```
#158ee2
```
#158ee2 rgb(21,142,226)
```
#0c90ec
```
#0c90ec rgb(12,144,236)
```
#0291f5
```
#0291f5 rgb(2,145,245)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#607889 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c8cdd Protanopia 1% of men
#4c90e5 Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#4c8ddf Protanomaly 1% of men, 0.01% of women
#388fe3 Deuteranomaly 6% of men, 0.4% of women
#0797bc Tritanomaly 0.01% of the population

#158ee2 hex color

#158ee2 Color Information

#158ee2 Color Conversion

Color Schemes with #158ee2

Alternatives to #158ee2

#158ee2 Preview

Shades and Tints of #158ee2

Tones of #158ee2

Color Blindness Simulator