#158fed hex color

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

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

● #158fed color description : Vivid blue.

The hexadecimal color #158fed has RGB values of R:21, G:143, B:237 and CMYK values of C:0.91, M:0.4, Y:0, K:0.07. Its decimal value is 1413101.

Hex triplet	158fed	`#158fed`
RGB Decimal	21, 143, 237	`rgb(21,143,237)`
RGB Percent	8.2, 56.1, 92.9	`rgb(8.2%,56.1%,92.9%)`
CMYK	91, 40, 0, 7
HSL	206.1°, 85.7, 50.6	`hsl(206.1,85.7%,50.6%)`
HSV (or HSB)	206.1°, 91.1, 92.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.958, 3.336, -55.756
XYZ	25.414, 25.916, 83.779
xyY	0.188, 0.192, 25.916
CIE-LCH	57.958, 55.855, 273.424
CIE-LUV	57.958, -33.971, -88.794
Hunter-Lab	50.908, 0.021, -61.937
Binary	00010101, 10001111, 11101101

#158fed
```
#158fed rgb(21,143,237)
```
#ed7315
```
#ed7315 rgb(237,115,21)
```

Complementary Color

#15eddf
```
#15eddf rgb(21,237,223)
```
#158fed
```
#158fed rgb(21,143,237)
```
#1523ed
```
#1523ed rgb(21,35,237)
```

Analogous Color

#eddf15
```
#eddf15 rgb(237,223,21)
```
#158fed
```
#158fed rgb(21,143,237)
```
#ed1523
```
#ed1523 rgb(237,21,35)
```

Split Complementary Color

#8fed15
```
#8fed15 rgb(143,237,21)
```
#158fed
```
#158fed rgb(21,143,237)
```
#ed158f
```
#ed158f rgb(237,21,143)
```

Triadic Color

#15ed73
```
#15ed73 rgb(21,237,115)
```
#158fed
```
#158fed rgb(21,143,237)
```
#ed158f
```
#ed158f rgb(237,21,143)
```
#ed7315
```
#ed7315 rgb(237,115,21)
```

Tetradic Color

#0d65a9
```
#0d65a9 rgb(13,101,169)
```
#0f73c0
```
#0f73c0 rgb(15,115,192)
```
#1181d8
```
#1181d8 rgb(17,129,216)
```
#158fed
```
#158fed rgb(21,143,237)
```
#2d9aef
```
#2d9aef rgb(45,154,239)
```
#44a6f1
```
#44a6f1 rgb(68,166,241)
```
#5cb1f2
```
#5cb1f2 rgb(92,177,242)
```

Monochromatic Color

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

#15c5ed
```
#15c5ed rgb(21,197,237)
```
#15b3ed
```
#15b3ed rgb(21,179,237)
```
#15a1ed
```
#15a1ed rgb(21,161,237)
```
#158fed
```
#158fed rgb(21,143,237)
```
#157ded
```
#157ded rgb(21,125,237)
```
#156bed
```
#156bed rgb(21,107,237)
```
#1559ed
```
#1559ed rgb(21,89,237)
```

Similar Colors

Text with hexadecimal color #158fed

This text has a font color of #158fed.

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

#158fed background color

This paragraph has a background color of #158fed.

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

#158fed border color

This element has a border color of #158fed.

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

CSS codes

.text {color:#158fed;}

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

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

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 #f0f8fe is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#020d15
```
#020d15 rgb(2,13,21)
```
#031727
```
#031727 rgb(3,23,39)
```
#042239
```
#042239 rgb(4,34,57)
```
#062d4c
```
#062d4c rgb(6,45,76)
```
#07385e
```
#07385e rgb(7,56,94)
```
#094370
```
#094370 rgb(9,67,112)
```
#0a4e82
```
#0a4e82 rgb(10,78,130)
```
#0b5995
```
#0b5995 rgb(11,89,149)
```
#0d64a7
```
#0d64a7 rgb(13,100,167)
```
#0e6fb9
```
#0e6fb9 rgb(14,111,185)
```
#107acb
```
#107acb rgb(16,122,203)
```
#1184dd
```
#1184dd rgb(17,132,221)
```

Shade Color Variation

#158fed
```
#158fed rgb(21,143,237)
```
#2798ee
```
#2798ee rgb(39,152,238)
```
#39a0f0
```
#39a0f0 rgb(57,160,240)
```
#4ca9f1
```
#4ca9f1 rgb(76,169,241)
```
#5eb2f3
```
#5eb2f3 rgb(94,178,243)
```
#70bbf4
```
#70bbf4 rgb(112,187,244)
```
#82c3f5
```
#82c3f5 rgb(130,195,245)
```
#95ccf7
```
#95ccf7 rgb(149,204,247)
```
#a7d5f8
```
#a7d5f8 rgb(167,213,248)
```
#b9ddfa
```
#b9ddfa rgb(185,221,250)
```
#cbe6fb
```
#cbe6fb rgb(203,230,251)
```
#ddeffc
```
#ddeffc rgb(221,239,252)
```
#f0f8fe
```
#f0f8fe rgb(240,248,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 #0b90f7 is the most saturated one.

#808182
```
#808182 rgb(128,129,130)
```
#76828c
```
#76828c rgb(118,130,140)
```
#6c8496
```
#6c8496 rgb(108,132,150)
```
#63859f
```
#63859f rgb(99,133,159)
```
#5986a9
```
#5986a9 rgb(89,134,169)
```
#4f87b3
```
#4f87b3 rgb(79,135,179)
```
#4589bd
```
#4589bd rgb(69,137,189)
```
#3c8ac6
```
#3c8ac6 rgb(60,138,198)
```
#328bd0
```
#328bd0 rgb(50,139,208)
```
#288cda
```
#288cda rgb(40,140,218)
```
#1f8ee3
```
#1f8ee3 rgb(31,142,227)
```
#158fed
```
#158fed rgb(21,143,237)
```
#0b90f7
```
#0b90f7 rgb(11,144,247)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#627a8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#688ee8 Protanopia 1% of men
#3d92ee Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#498eea Protanomaly 1% of men, 0.01% of women
#2e91ee Deuteranomaly 6% of men, 0.4% of women
#0799c1 Tritanomaly 0.01% of the population

#158fed hex color

#158fed Color Information

#158fed Color Conversion

Color Schemes with #158fed

Alternatives to #158fed

#158fed Preview

Shades and Tints of #158fed

Tones of #158fed

Color Blindness Simulator