#158dd9 hex color

In a RGB color space, hex #158dd9 is composed of 8.2% red, 55.3% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 35% magenta, 0% yellow and 14.9% black. It has a hue angle of 203.3 degrees, a saturation of 82.4% and a lightness of 46.7%. #158dd9 color hex could be obtained by blending #2affff with #001bb3. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 55
- B 85
RGB color chart
- C 90
- M 35
- Y 0
- K 15
CMYK color chart

● #158dd9 color description : Vivid blue.

The hexadecimal color #158dd9 has RGB values of R:21, G:141, B:217 and CMYK values of C:0.9, M:0.35, Y:0, K:0.15. Its decimal value is 1412569.

Hex triplet	158dd9	`#158dd9`
RGB Decimal	21, 141, 217	`rgb(21,141,217)`
RGB Percent	8.2, 55.3, 85.1	`rgb(8.2%,55.3%,85.1%)`
CMYK	90, 35, 0, 15
HSL	203.3°, 82.4, 46.7	`hsl(203.3,82.4%,46.7%)`
HSV (or HSB)	203.3°, 90.3, 85.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.304, -3.017, -47.24
XYZ	22.355, 24.217, 69.138
xyY	0.193, 0.209, 24.217
CIE-LCH	56.304, 47.336, 266.346
CIE-LUV	56.304, -34.438, -73.788
Hunter-Lab	49.211, -5.029, -48.851
Binary	00010101, 10001101, 11011001

#158dd9
```
#158dd9 rgb(21,141,217)
```
#d96115
```
#d96115 rgb(217,97,21)
```

Complementary Color

#15d9c3
```
#15d9c3 rgb(21,217,195)
```
#158dd9
```
#158dd9 rgb(21,141,217)
```
#152bd9
```
#152bd9 rgb(21,43,217)
```

Analogous Color

#d9c315
```
#d9c315 rgb(217,195,21)
```
#158dd9
```
#158dd9 rgb(21,141,217)
```
#d9152b
```
#d9152b rgb(217,21,43)
```

Split Complementary Color

#8dd915
```
#8dd915 rgb(141,217,21)
```
#158dd9
```
#158dd9 rgb(21,141,217)
```
#d9158d
```
#d9158d rgb(217,21,141)
```

Triadic Color

#15d961
```
#15d961 rgb(21,217,97)
```
#158dd9
```
#158dd9 rgb(21,141,217)
```
#d9158d
```
#d9158d rgb(217,21,141)
```
#d96115
```
#d96115 rgb(217,97,21)
```

Tetradic Color

#0e6093
```
#0e6093 rgb(14,96,147)
```
#116fab
```
#116fab rgb(17,111,171)
```
#137ec2
```
#137ec2 rgb(19,126,194)
```
#158dd9
```
#158dd9 rgb(21,141,217)
```
#1e9be9
```
#1e9be9 rgb(30,155,233)
```
#36a5ec
```
#36a5ec rgb(54,165,236)
```
#4dafee
```
#4dafee rgb(77,175,238)
```

Monochromatic Color

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

#15bed9
```
#15bed9 rgb(21,190,217)
```
#15aed9
```
#15aed9 rgb(21,174,217)
```
#159dd9
```
#159dd9 rgb(21,157,217)
```
#158dd9
```
#158dd9 rgb(21,141,217)
```
#157dd9
```
#157dd9 rgb(21,125,217)
```
#156cd9
```
#156cd9 rgb(21,108,217)
```
#155cd9
```
#155cd9 rgb(21,92,217)
```

Similar Colors

Text with hexadecimal color #158dd9

This text has a font color of #158dd9.

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

#158dd9 background color

This paragraph has a background color of #158dd9.

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

#158dd9 border color

This element has a border color of #158dd9.

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

CSS codes

.text {color:#158dd9;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#020d14
```
#020d14 rgb(2,13,20)
```
#041926
```
#041926 rgb(4,25,38)
```
#052438
```
#052438 rgb(5,36,56)
```
#07304a
```
#07304a rgb(7,48,74)
```
#093c5c
```
#093c5c rgb(9,60,92)
```
#0b476e
```
#0b476e rgb(11,71,110)
```
#0c5380
```
#0c5380 rgb(12,83,128)
```
#0e5f91
```
#0e5f91 rgb(14,95,145)
```
#106aa3
```
#106aa3 rgb(16,106,163)
```
#1276b5
```
#1276b5 rgb(18,118,181)
```
#1381c7
```
#1381c7 rgb(19,129,199)
```
#158dd9
```
#158dd9 rgb(21,141,217)
```

Shade Color Variation

#1998e9
```
#1998e9 rgb(25,152,233)
```
#2ba0ea
```
#2ba0ea rgb(43,160,234)
```
#3da8ec
```
#3da8ec rgb(61,168,236)
```
#4fb0ee
```
#4fb0ee rgb(79,176,238)
```
#60b8f0
```
#60b8f0 rgb(96,184,240)
```
#72c0f1
```
#72c0f1 rgb(114,192,241)
```
#84c8f3
```
#84c8f3 rgb(132,200,243)
```
#96d0f5
```
#96d0f5 rgb(150,208,245)
```
#a8d8f7
```
#a8d8f7 rgb(168,216,247)
```
#bae0f8
```
#bae0f8 rgb(186,224,248)
```
#cce8fa
```
#cce8fa rgb(204,232,250)
```
#def0fc
```
#def0fc rgb(222,240,252)
```
#f0f8fe
```
#f0f8fe rgb(240,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71787d is the less saturated color, while #0391eb is the most saturated one.

#71787d
```
#71787d rgb(113,120,125)
```
#677b87
```
#677b87 rgb(103,123,135)
```
#5e7d90
```
#5e7d90 rgb(94,125,144)
```
#557f99
```
#557f99 rgb(85,127,153)
```
#4c81a2
```
#4c81a2 rgb(76,129,162)
```
#4383ab
```
#4383ab rgb(67,131,171)
```
#3a85b4
```
#3a85b4 rgb(58,133,180)
```
#3087be
```
#3087be rgb(48,135,190)
```
#2789c7
```
#2789c7 rgb(39,137,199)
```
#1e8bd0
```
#1e8bd0 rgb(30,139,208)
```
#158dd9
```
#158dd9 rgb(21,141,217)
```
#0c8fe2
```
#0c8fe2 rgb(12,143,226)
```
#0391eb
```
#0391eb rgb(3,145,235)
```

Tone Color Variation

Below, you can see how #158dd9 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
#5f7787 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f8ad4 Protanopia 1% of men
#558ddd Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#4e8bd6 Protanomaly 1% of men, 0.01% of women
#3e8ddb Deuteranomaly 6% of men, 0.4% of women
#0795b7 Tritanomaly 0.01% of the population

#158dd9 hex color

#158dd9 Color Information

#158dd9 Color Conversion

Color Schemes with #158dd9

Alternatives to #158dd9

#158dd9 Preview

Shades and Tints of #158dd9

Tones of #158dd9

Color Blindness Simulator