#158efe hex color

In a RGB color space, hex #158efe is composed of 8.2% red, 55.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 44.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 208.8 degrees, a saturation of 99.1% and a lightness of 53.9%. #158efe color hex could be obtained by blending #2affff with #001dfd. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 8
- G 56
- B 100
RGB color chart
- C 92
- M 44
- Y 0
- K 0
CMYK color chart

● #158efe color description : Vivid blue.

The hexadecimal color #158efe has RGB values of R:21, G:142, B:254 and CMYK values of C:0.92, M:0.44, Y:0, K:0. Its decimal value is 1412862.

Hex triplet	158efe	`#158efe`
RGB Decimal	21, 142, 254	`rgb(21,142,254)`
RGB Percent	8.2, 55.7, 99.6	`rgb(8.2%,55.7%,99.6%)`
CMYK	92, 44, 0, 0
HSL	208.8°, 99.1, 53.9	`hsl(208.8,99.1%,53.9%)`
HSV (or HSB)	208.8°, 91.7, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	58.657, 10.37, -64.012
XYZ	27.868, 26.659, 97.437
xyY	0.183, 0.175, 26.659
CIE-LCH	58.657, 64.847, 279.202
CIE-LUV	58.657, -32.814, -103.043
Hunter-Lab	51.632, 5.986, -75.747
Binary	00010101, 10001110, 11111110

#158efe
```
#158efe rgb(21,142,254)
```
#fe8515
```
#fe8515 rgb(254,133,21)
```

Complementary Color

#15fefa
```
#15fefa rgb(21,254,250)
```
#158efe
```
#158efe rgb(21,142,254)
```
#151afe
```
#151afe rgb(21,26,254)
```

Analogous Color

#fefa15
```
#fefa15 rgb(254,250,21)
```
#158efe
```
#158efe rgb(21,142,254)
```
#fe151a
```
#fe151a rgb(254,21,26)
```

Split Complementary Color

#8efe15
```
#8efe15 rgb(142,254,21)
```
#158efe
```
#158efe rgb(21,142,254)
```
#fe158e
```
#fe158e rgb(254,21,142)
```

Triadic Color

#15fe85
```
#15fe85 rgb(21,254,133)
```
#158efe
```
#158efe rgb(21,142,254)
```
#fe158e
```
#fe158e rgb(254,21,142)
```
#fe8515
```
#fe8515 rgb(254,133,21)
```

Tetradic Color

#0167c6
```
#0167c6 rgb(1,103,198)
```
#0174df
```
#0174df rgb(1,116,223)
```
#0182f8
```
#0182f8 rgb(1,130,248)
```
#158efe
```
#158efe rgb(21,142,254)
```
#2e9afe
```
#2e9afe rgb(46,154,254)
```
#48a7fe
```
#48a7fe rgb(72,167,254)
```
#61b3fe
```
#61b3fe rgb(97,179,254)
```

Monochromatic Color

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

#15c8fe
```
#15c8fe rgb(21,200,254)
```
#15b5fe
```
#15b5fe rgb(21,181,254)
```
#15a1fe
```
#15a1fe rgb(21,161,254)
```
#158efe
```
#158efe rgb(21,142,254)
```
#157bfe
```
#157bfe rgb(21,123,254)
```
#1567fe
```
#1567fe rgb(21,103,254)
```
#1554fe
```
#1554fe rgb(21,84,254)
```

Similar Colors

Text with hexadecimal color #158efe

This text has a font color of #158efe.

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

#158efe background color

This paragraph has a background color of #158efe.

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

#158efe border color

This element has a border color of #158efe.

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

CSS codes

.text {color:#158efe;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000a14
```
#000a14 rgb(0,10,20)
```
#001527
```
#001527 rgb(0,21,39)
```
#001f3b
```
#001f3b rgb(0,31,59)
```
#00294f
```
#00294f rgb(0,41,79)
```
#003362
```
#003362 rgb(0,51,98)
```
#013d76
```
#013d76 rgb(1,61,118)
```
#014789
```
#014789 rgb(1,71,137)
```
#01529d
```
#01529d rgb(1,82,157)
```
#015cb0
```
#015cb0 rgb(1,92,176)
```
#0166c4
```
#0166c4 rgb(1,102,196)
```
#0170d7
```
#0170d7 rgb(1,112,215)
```
#017aeb
```
#017aeb rgb(1,122,235)
```

Shade Color Variation

#0185fe
```
#0185fe rgb(1,133,254)
```
#158efe
```
#158efe rgb(21,142,254)
```
#2997fe
```
#2997fe rgb(41,151,254)
```
#3ca1fe
```
#3ca1fe rgb(60,161,254)
```
#50aafe
```
#50aafe rgb(80,170,254)
```
#63b4fe
```
#63b4fe rgb(99,180,254)
```
#77bdfe
```
#77bdfe rgb(119,189,254)
```
#8ac7ff
```
#8ac7ff rgb(138,199,255)
```
#9ed0ff
```
#9ed0ff rgb(158,208,255)
```
#b1d9ff
```
#b1d9ff rgb(177,217,255)
```
#c5e3ff
```
#c5e3ff rgb(197,227,255)
```
#d8ecff
```
#d8ecff rgb(216,236,255)
```
#ecf6ff
```
#ecf6ff rgb(236,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818a92 is the less saturated color, while #158efe is the most saturated one.

#818a92
```
#818a92 rgb(129,138,146)
```
#788a9b
```
#788a9b rgb(120,138,155)
```
#6f8ba4
```
#6f8ba4 rgb(111,139,164)
```
#668bad
```
#668bad rgb(102,139,173)
```
#5d8bb6
```
#5d8bb6 rgb(93,139,182)
```
#548cbf
```
#548cbf rgb(84,140,191)
```
#4b8cc8
```
#4b8cc8 rgb(75,140,200)
```
#428cd1
```
#428cd1 rgb(66,140,209)
```
#398dda
```
#398dda rgb(57,141,218)
```
#308de3
```
#308de3 rgb(48,141,227)
```
#278dec
```
#278dec rgb(39,141,236)
```
#1e8ef5
```
#1e8ef5 rgb(30,142,245)
```
#158efe
```
#158efe rgb(21,142,254)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#637c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a8ffa Protanopia 1% of men
#0095f8 Deuteranopia 1% of men
#00a1ab Tritanopia 0.001% of the population

Trichromacy

#418efb Protanomaly 1% of men, 0.01% of women
#0792fa Deuteranomaly 6% of men, 0.4% of women
#079ac9 Tritanomaly 0.01% of the population

#158efe hex color

#158efe Color Information

#158efe Color Conversion

Color Schemes with #158efe

Alternatives to #158efe

#158efe Preview

Shades and Tints of #158efe

Tones of #158efe

Color Blindness Simulator