#158ddb hex color

In a RGB color space, hex #158ddb is composed of 8.2% red, 55.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 35.6% magenta, 0% yellow and 14.1% black. It has a hue angle of 203.6 degrees, a saturation of 82.5% and a lightness of 47.1%. #158ddb color hex could be obtained by blending #2affff with #001bb7. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 55
- B 86
RGB color chart
- C 90
- M 36
- Y 0
- K 14
CMYK color chart

● #158ddb color description : Vivid blue.

The hexadecimal color #158ddb has RGB values of R:21, G:141, B:219 and CMYK values of C:0.9, M:0.36, Y:0, K:0.14. Its decimal value is 1412571.

Hex triplet	158ddb	`#158ddb`
RGB Decimal	21, 141, 219	`rgb(21,141,219)`
RGB Percent	8.2, 55.3, 85.9	`rgb(8.2%,55.3%,85.9%)`
CMYK	90, 36, 0, 14
HSL	203.6°, 82.5, 47.1	`hsl(203.6,82.5%,47.1%)`
HSV (or HSB)	203.6°, 90.4, 85.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.408, -2.265, -48.196
XYZ	22.617, 24.322, 70.516
xyY	0.193, 0.207, 24.322
CIE-LCH	56.408, 48.249, 267.309
CIE-LUV	56.408, -34.322, -75.456
Hunter-Lab	49.317, -4.443, -50.255
Binary	00010101, 10001101, 11011011

#158ddb
```
#158ddb rgb(21,141,219)
```
#db6315
```
#db6315 rgb(219,99,21)
```

Complementary Color

#15dbc6
```
#15dbc6 rgb(21,219,198)
```
#158ddb
```
#158ddb rgb(21,141,219)
```
#152adb
```
#152adb rgb(21,42,219)
```

Analogous Color

#dbc615
```
#dbc615 rgb(219,198,21)
```
#158ddb
```
#158ddb rgb(21,141,219)
```
#db152a
```
#db152a rgb(219,21,42)
```

Split Complementary Color

#8ddb15
```
#8ddb15 rgb(141,219,21)
```
#158ddb
```
#158ddb rgb(21,141,219)
```
#db158d
```
#db158d rgb(219,21,141)
```

Triadic Color

#15db63
```
#15db63 rgb(21,219,99)
```
#158ddb
```
#158ddb rgb(21,141,219)
```
#db158d
```
#db158d rgb(219,21,141)
```
#db6315
```
#db6315 rgb(219,99,21)
```

Tetradic Color

#0e6095
```
#0e6095 rgb(14,96,149)
```
#116fac
```
#116fac rgb(17,111,172)
```
#137ec4
```
#137ec4 rgb(19,126,196)
```
#158ddb
```
#158ddb rgb(21,141,219)
```
#209aea
```
#209aea rgb(32,154,234)
```
#37a5ec
```
#37a5ec rgb(55,165,236)
```
#4eafee
```
#4eafee rgb(78,175,238)
```

Monochromatic Color

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

#15bfdb
```
#15bfdb rgb(21,191,219)
```
#15aedb
```
#15aedb rgb(21,174,219)
```
#159edb
```
#159edb rgb(21,158,219)
```
#158ddb
```
#158ddb rgb(21,141,219)
```
#157ddb
```
#157ddb rgb(21,125,219)
```
#156cdb
```
#156cdb rgb(21,108,219)
```
#155cdb
```
#155cdb rgb(21,92,219)
```

Similar Colors

Text with hexadecimal color #158ddb

This text has a font color of #158ddb.

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

#158ddb background color

This paragraph has a background color of #158ddb.

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

#158ddb border color

This element has a border color of #158ddb.

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

CSS codes

.text {color:#158ddb;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#020e16
```
#020e16 rgb(2,14,22)
```
#041a28
```
#041a28 rgb(4,26,40)
```
#06253a
```
#06253a rgb(6,37,58)
```
#07314c
```
#07314c rgb(7,49,76)
```
#093c5e
```
#093c5e rgb(9,60,94)
```
#0b4870
```
#0b4870 rgb(11,72,112)
```
#0c5382
```
#0c5382 rgb(12,83,130)
```
#0e5f93
```
#0e5f93 rgb(14,95,147)
```
#106aa5
```
#106aa5 rgb(16,106,165)
```
#1276b7
```
#1276b7 rgb(18,118,183)
```
#1381c9
```
#1381c9 rgb(19,129,201)
```
#158ddb
```
#158ddb rgb(21,141,219)
```

Shade Color Variation

#1b98e9
```
#1b98e9 rgb(27,152,233)
```
#2ca0eb
```
#2ca0eb rgb(44,160,235)
```
#3ea8ed
```
#3ea8ed rgb(62,168,237)
```
#50b0ee
```
#50b0ee rgb(80,176,238)
```
#62b8f0
```
#62b8f0 rgb(98,184,240)
```
#74c0f2
```
#74c0f2 rgb(116,192,242)
```
#86c8f3
```
#86c8f3 rgb(134,200,243)
```
#98d0f5
```
#98d0f5 rgb(152,208,245)
```
#aad8f7
```
#aad8f7 rgb(170,216,247)
```
#bce1f9
```
#bce1f9 rgb(188,225,249)
```
#cee9fa
```
#cee9fa rgb(206,233,250)
```
#dff1fc
```
#dff1fc rgb(223,241,252)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

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

#71797f
```
#71797f rgb(113,121,127)
```
#687b88
```
#687b88 rgb(104,123,136)
```
#5f7d91
```
#5f7d91 rgb(95,125,145)
```
#567f9a
```
#567f9a rgb(86,127,154)
```
#4c81a4
```
#4c81a4 rgb(76,129,164)
```
#4383ad
```
#4383ad rgb(67,131,173)
```
#3a85b6
```
#3a85b6 rgb(58,133,182)
```
#3187bf
```
#3187bf rgb(49,135,191)
```
#2789c9
```
#2789c9 rgb(39,137,201)
```
#1e8bd2
```
#1e8bd2 rgb(30,139,210)
```
#158ddb
```
#158ddb rgb(21,141,219)
```
#0c8fe4
```
#0c8fe4 rgb(12,143,228)
```
#0391ed
```
#0391ed rgb(3,145,237)
```

Tone Color Variation

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

#6e8bd6 Protanopia 1% of men
#538ede Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#4e8bd8 Protanomaly 1% of men, 0.01% of women
#3c8ddd Deuteranomaly 6% of men, 0.4% of women
#0796b8 Tritanomaly 0.01% of the population

#158ddb hex color

#158ddb Color Information

#158ddb Color Conversion

Color Schemes with #158ddb

Alternatives to #158ddb

#158ddb Preview

Shades and Tints of #158ddb

Tones of #158ddb

Color Blindness Simulator