#158ed2 hex color

In a RGB color space, hex #158ed2 is composed of 8.2% red, 55.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 32.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 201.6 degrees, a saturation of 81.8% and a lightness of 45.3%. #158ed2 color hex could be obtained by blending #2affff with #001da5. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 56
- B 82
RGB color chart
- C 90
- M 32
- Y 0
- K 18
CMYK color chart

● #158ed2 color description : Strong blue.

The hexadecimal color #158ed2 has RGB values of R:21, G:142, B:210 and CMYK values of C:0.9, M:0.32, Y:0, K:0.18. Its decimal value is 1412818.

Hex triplet	158ed2	`#158ed2`
RGB Decimal	21, 142, 210	`rgb(21,142,210)`
RGB Percent	8.2, 55.7, 82.4	`rgb(8.2%,55.7%,82.4%)`
CMYK	90, 32, 0, 18
HSL	201.6°, 81.8, 45.3	`hsl(201.6,81.8%,45.3%)`
HSV (or HSB)	201.6°, 90, 82.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.244, -6.217, -43.404
XYZ	21.612, 24.157, 64.493
xyY	0.196, 0.219, 24.157
CIE-LCH	56.244, 43.847, 261.849
CIE-LUV	56.244, -35.191, -67.144
Hunter-Lab	49.149, -7.52, -43.395
Binary	00010101, 10001110, 11010010

#158ed2
```
#158ed2 rgb(21,142,210)
```
#d25915
```
#d25915 rgb(210,89,21)
```

Complementary Color

#15d2b8
```
#15d2b8 rgb(21,210,184)
```
#158ed2
```
#158ed2 rgb(21,142,210)
```
#1530d2
```
#1530d2 rgb(21,48,210)
```

Analogous Color

#d2b815
```
#d2b815 rgb(210,184,21)
```
#158ed2
```
#158ed2 rgb(21,142,210)
```
#d21530
```
#d21530 rgb(210,21,48)
```

Split Complementary Color

#8ed215
```
#8ed215 rgb(142,210,21)
```
#158ed2
```
#158ed2 rgb(21,142,210)
```
#d2158e
```
#d2158e rgb(210,21,142)
```

Triadic Color

#15d259
```
#15d259 rgb(21,210,89)
```
#158ed2
```
#158ed2 rgb(21,142,210)
```
#d2158e
```
#d2158e rgb(210,21,142)
```
#d25915
```
#d25915 rgb(210,89,21)
```

Tetradic Color

#0e5f8c
```
#0e5f8c rgb(14,95,140)
```
#106fa4
```
#106fa4 rgb(16,111,164)
```
#137ebb
```
#137ebb rgb(19,126,187)
```
#158ed2
```
#158ed2 rgb(21,142,210)
```
#199de8
```
#199de8 rgb(25,157,232)
```
#30a7ea
```
#30a7ea rgb(48,167,234)
```
#47b1ed
```
#47b1ed rgb(71,177,237)
```

Monochromatic Color

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

#15bdd2
```
#15bdd2 rgb(21,189,210)
```
#15aed2
```
#15aed2 rgb(21,174,210)
```
#159ed2
```
#159ed2 rgb(21,158,210)
```
#158ed2
```
#158ed2 rgb(21,142,210)
```
#157ed2
```
#157ed2 rgb(21,126,210)
```
#156fd2
```
#156fd2 rgb(21,111,210)
```
#155fd2
```
#155fd2 rgb(21,95,210)
```

Similar Colors

Text with hexadecimal color #158ed2

This text has a font color of #158ed2.

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

#158ed2 background color

This paragraph has a background color of #158ed2.

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

#158ed2 border color

This element has a border color of #158ed2.

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

CSS codes

.text {color:#158ed2;}

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

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

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, #01090e is the darkest color, while #fbfdff is the lightest one.

#01090e
```
#01090e rgb(1,9,14)
```
#031520
```
#031520 rgb(3,21,32)
```
#052132
```
#052132 rgb(5,33,50)
```
#072e43
```
#072e43 rgb(7,46,67)
```
#093a55
```
#093a55 rgb(9,58,85)
```
#0a4667
```
#0a4667 rgb(10,70,103)
```
#0c5279
```
#0c5279 rgb(12,82,121)
```
#0e5e8b
```
#0e5e8b rgb(14,94,139)
```
#106a9d
```
#106a9d rgb(16,106,157)
```
#1176ae
```
#1176ae rgb(17,118,174)
```
#1382c0
```
#1382c0 rgb(19,130,192)
```
#158ed2
```
#158ed2 rgb(21,142,210)
```
#179ae4
```
#179ae4 rgb(23,154,228)
```

Shade Color Variation

#25a3e9
```
#25a3e9 rgb(37,163,233)
```
#37aaeb
```
#37aaeb rgb(55,170,235)
```
#49b2ed
```
#49b2ed rgb(73,178,237)
```
#5bb9ef
```
#5bb9ef rgb(91,185,239)
```
#6cc1f0
```
#6cc1f0 rgb(108,193,240)
```
#7ec8f2
```
#7ec8f2 rgb(126,200,242)
```
#90d0f4
```
#90d0f4 rgb(144,208,244)
```
#a2d8f6
```
#a2d8f6 rgb(162,216,246)
```
#b4dff7
```
#b4dff7 rgb(180,223,247)
```
#c6e7f9
```
#c6e7f9 rgb(198,231,249)
```
#d7eefb
```
#d7eefb rgb(215,238,251)
```
#e9f6fd
```
#e9f6fd rgb(233,246,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7579 is the less saturated color, while #0393e4 is the most saturated one.

#6e7579
```
#6e7579 rgb(110,117,121)
```
#657882
```
#657882 rgb(101,120,130)
```
#5c7a8b
```
#5c7a8b rgb(92,122,139)
```
#537d94
```
#537d94 rgb(83,125,148)
```
#4a7f9d
```
#4a7f9d rgb(74,127,157)
```
#4182a6
```
#4182a6 rgb(65,130,166)
```
#3984ae
```
#3984ae rgb(57,132,174)
```
#3087b7
```
#3087b7 rgb(48,135,183)
```
#2789c0
```
#2789c0 rgb(39,137,192)
```
#1e8cc9
```
#1e8cc9 rgb(30,140,201)
```
#158ed2
```
#158ed2 rgb(21,142,210)
```
#0c90db
```
#0c90db rgb(12,144,219)
```
#0393e4
```
#0393e4 rgb(3,147,228)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5f7885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#748acd Protanopia 1% of men
#5f8dd7 Deuteranopia 1% of men
#009aa5 Tritanopia 0.001% of the population

Trichromacy

#518ccf Protanomaly 1% of men, 0.01% of women
#448dd5 Deuteranomaly 6% of men, 0.4% of women
#0796b5 Tritanomaly 0.01% of the population

#158ed2 hex color

#158ed2 Color Information

#158ed2 Color Conversion

Color Schemes with #158ed2

Alternatives to #158ed2

#158ed2 Preview

Shades and Tints of #158ed2

Tones of #158ed2

Color Blindness Simulator