#158aed hex color

In a RGB color space, hex #158aed is composed of 8.2% red, 54.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 41.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 207.5 degrees, a saturation of 85.7% and a lightness of 50.6%. #158aed color hex could be obtained by blending #2affff with #0015db. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 8
- G 54
- B 93
RGB color chart
- C 91
- M 42
- Y 0
- K 7
CMYK color chart

● #158aed color description : Vivid blue.

The hexadecimal color #158aed has RGB values of R:21, G:138, B:237 and CMYK values of C:0.91, M:0.42, Y:0, K:0.07. Its decimal value is 1411821.

Hex triplet	158aed	`#158aed`
RGB Decimal	21, 138, 237	`rgb(21,138,237)`
RGB Percent	8.2, 54.1, 92.9	`rgb(8.2%,54.1%,92.9%)`
CMYK	91, 42, 0, 7
HSL	207.5°, 85.7, 50.6	`hsl(207.5,85.7%,50.6%)`
HSV (or HSB)	207.5°, 91.1, 92.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.534, 6.34, -58.031
XYZ	24.68, 24.449, 83.534
xyY	0.186, 0.184, 24.449
CIE-LCH	56.534, 58.377, 276.235
CIE-LUV	56.534, -32.39, -92.313
Hunter-Lab	49.445, 2.567, -65.554
Binary	00010101, 10001010, 11101101

#158aed
```
#158aed rgb(21,138,237)
```
#ed7815
```
#ed7815 rgb(237,120,21)
```

Complementary Color

#15ede4
```
#15ede4 rgb(21,237,228)
```
#158aed
```
#158aed rgb(21,138,237)
```
#151eed
```
#151eed rgb(21,30,237)
```

Analogous Color

#ede415
```
#ede415 rgb(237,228,21)
```
#158aed
```
#158aed rgb(21,138,237)
```
#ed151e
```
#ed151e rgb(237,21,30)
```

Split Complementary Color

#8aed15
```
#8aed15 rgb(138,237,21)
```
#158aed
```
#158aed rgb(21,138,237)
```
#ed158a
```
#ed158a rgb(237,21,138)
```

Triadic Color

#15ed78
```
#15ed78 rgb(21,237,120)
```
#158aed
```
#158aed rgb(21,138,237)
```
#ed158a
```
#ed158a rgb(237,21,138)
```
#ed7815
```
#ed7815 rgb(237,120,21)
```

Tetradic Color

#0d61a9
```
#0d61a9 rgb(13,97,169)
```
#0f6fc0
```
#0f6fc0 rgb(15,111,192)
```
#117dd8
```
#117dd8 rgb(17,125,216)
```
#158aed
```
#158aed rgb(21,138,237)
```
#2d96ef
```
#2d96ef rgb(45,150,239)
```
#44a2f1
```
#44a2f1 rgb(68,162,241)
```
#5caef2
```
#5caef2 rgb(92,174,242)
```

Monochromatic Color

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

#15c0ed
```
#15c0ed rgb(21,192,237)
```
#15aeed
```
#15aeed rgb(21,174,237)
```
#159ced
```
#159ced rgb(21,156,237)
```
#158aed
```
#158aed rgb(21,138,237)
```
#1578ed
```
#1578ed rgb(21,120,237)
```
#1566ed
```
#1566ed rgb(21,102,237)
```
#1554ed
```
#1554ed rgb(21,84,237)
```

Similar Colors

Text with hexadecimal color #158aed

This text has a font color of #158aed.

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

#158aed background color

This paragraph has a background color of #158aed.

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

#158aed border color

This element has a border color of #158aed.

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

CSS codes

.text {color:#158aed;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020c15
```
#020c15 rgb(2,12,21)
```
#031727
```
#031727 rgb(3,23,39)
```
#042139
```
#042139 rgb(4,33,57)
```
#062c4c
```
#062c4c rgb(6,44,76)
```
#07365e
```
#07365e rgb(7,54,94)
```
#094170
```
#094170 rgb(9,65,112)
```
#0a4b82
```
#0a4b82 rgb(10,75,130)
```
#0b5695
```
#0b5695 rgb(11,86,149)
```
#0d60a7
```
#0d60a7 rgb(13,96,167)
```
#0e6bb9
```
#0e6bb9 rgb(14,107,185)
```
#1075cb
```
#1075cb rgb(16,117,203)
```
#1180dd
```
#1180dd rgb(17,128,221)
```

Shade Color Variation

#158aed
```
#158aed rgb(21,138,237)
```
#2793ee
```
#2793ee rgb(39,147,238)
```
#399cf0
```
#399cf0 rgb(57,156,240)
```
#4ca5f1
```
#4ca5f1 rgb(76,165,241)
```
#5eaef3
```
#5eaef3 rgb(94,174,243)
```
#70b8f4
```
#70b8f4 rgb(112,184,244)
```
#82c1f5
```
#82c1f5 rgb(130,193,245)
```
#95caf7
```
#95caf7 rgb(149,202,247)
```
#a7d3f8
```
#a7d3f8 rgb(167,211,248)
```
#b9dcfa
```
#b9dcfa rgb(185,220,250)
```
#cbe5fb
```
#cbe5fb rgb(203,229,251)
```
#ddeefc
```
#ddeefc rgb(221,238,252)
```
#f0f7fe
```
#f0f7fe rgb(240,247,254)
```

Tint Color Variation

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

#808182
```
#808182 rgb(128,129,130)
```
#76828c
```
#76828c rgb(118,130,140)
```
#6c8396
```
#6c8396 rgb(108,131,150)
```
#63849f
```
#63849f rgb(99,132,159)
```
#5984a9
```
#5984a9 rgb(89,132,169)
```
#4f85b3
```
#4f85b3 rgb(79,133,179)
```
#4586bd
```
#4586bd rgb(69,134,189)
```
#3c87c6
```
#3c87c6 rgb(60,135,198)
```
#3288d0
```
#3288d0 rgb(50,136,208)
```
#2888da
```
#2888da rgb(40,136,218)
```
#1f89e3
```
#1f89e3 rgb(31,137,227)
```
#158aed
```
#158aed rgb(21,138,237)
```
#0b8bf7
```
#0b8bf7 rgb(11,139,247)
```

Tone Color Variation

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

Dichromacy

#5f8ae9 Protanopia 1% of men
#268fee Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#448aea Protanomaly 1% of men, 0.01% of women
#208ded Deuteranomaly 6% of men, 0.4% of women
#0795bf Tritanomaly 0.01% of the population

#158aed hex color

#158aed Color Information

#158aed Color Conversion

Color Schemes with #158aed

Alternatives to #158aed

#158aed Preview

Shades and Tints of #158aed

Tones of #158aed

Color Blindness Simulator