#158fc3 hex color

In a RGB color space, hex #158fc3 is composed of 8.2% red, 56.1% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 26.7% magenta, 0% yellow and 23.5% black. It has a hue angle of 197.9 degrees, a saturation of 80.6% and a lightness of 42.4%. #158fc3 color hex could be obtained by blending #2affff with #001f87. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 56
- B 76
RGB color chart
- C 89
- M 27
- Y 0
- K 24
CMYK color chart

● #158fc3 color description : Strong blue.

The hexadecimal color #158fc3 has RGB values of R:21, G:143, B:195 and CMYK values of C:0.89, M:0.27, Y:0, K:0.24. Its decimal value is 1413059.

Hex triplet	158fc3	`#158fc3`
RGB Decimal	21, 143, 195	`rgb(21,143,195)`
RGB Percent	8.2, 56.1, 76.5	`rgb(8.2%,56.1%,76.5%)`
CMYK	89, 27, 0, 24
HSL	197.9°, 80.6, 42.4	`hsl(197.9,80.6%,42.4%)`
HSV (or HSB)	197.9°, 89.2, 76.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.829, -12.315, -35.589
XYZ	19.98, 23.743, 55.157
xyY	0.202, 0.24, 23.743
CIE-LCH	55.829, 37.659, 250.913
CIE-LUV	55.829, -36.49, -53.553
Hunter-Lab	48.726, -12.08, -33.006
Binary	00010101, 10001111, 11000011

#158fc3
```
#158fc3 rgb(21,143,195)
```
#c34915
```
#c34915 rgb(195,73,21)
```

Complementary Color

#15c3a0
```
#15c3a0 rgb(21,195,160)
```
#158fc3
```
#158fc3 rgb(21,143,195)
```
#1538c3
```
#1538c3 rgb(21,56,195)
```

Analogous Color

#c3a015
```
#c3a015 rgb(195,160,21)
```
#158fc3
```
#158fc3 rgb(21,143,195)
```
#c31538
```
#c31538 rgb(195,21,56)
```

Split Complementary Color

#8fc315
```
#8fc315 rgb(143,195,21)
```
#158fc3
```
#158fc3 rgb(21,143,195)
```
#c3158f
```
#c3158f rgb(195,21,143)
```

Triadic Color

#15c349
```
#15c349 rgb(21,195,73)
```
#158fc3
```
#158fc3 rgb(21,143,195)
```
#c3158f
```
#c3158f rgb(195,21,143)
```
#c34915
```
#c34915 rgb(195,73,21)
```

Tetradic Color

#0e5c7e
```
#0e5c7e rgb(14,92,126)
```
#106d95
```
#106d95 rgb(16,109,149)
```
#137eac
```
#137eac rgb(19,126,172)
```
#158fc3
```
#158fc3 rgb(21,143,195)
```
#17a0da
```
#17a0da rgb(23,160,218)
```
#24ade7
```
#24ade7 rgb(36,173,231)
```
#3bb5ea
```
#3bb5ea rgb(59,181,234)
```

Monochromatic Color

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

#15bbc3
```
#15bbc3 rgb(21,187,195)
```
#15acc3
```
#15acc3 rgb(21,172,195)
```
#159ec3
```
#159ec3 rgb(21,158,195)
```
#158fc3
```
#158fc3 rgb(21,143,195)
```
#1581c3
```
#1581c3 rgb(21,129,195)
```
#1572c3
```
#1572c3 rgb(21,114,195)
```
#1564c3
```
#1564c3 rgb(21,100,195)
```

Similar Colors

Text with hexadecimal color #158fc3

This text has a font color of #158fc3.

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

#158fc3 background color

This paragraph has a background color of #158fc3.

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

#158fc3 border color

This element has a border color of #158fc3.

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

CSS codes

.text {color:#158fc3;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020d12
```
#020d12 rgb(2,13,18)
```
#041a24
```
#041a24 rgb(4,26,36)
```
#062735
```
#062735 rgb(6,39,53)
```
#083447
```
#083447 rgb(8,52,71)
```
#0a4159
```
#0a4159 rgb(10,65,89)
```
#0b4e6a
```
#0b4e6a rgb(11,78,106)
```
#0d5b7c
```
#0d5b7c rgb(13,91,124)
```
#0f688e
```
#0f688e rgb(15,104,142)
```
#1175a0
```
#1175a0 rgb(17,117,160)
```
#1382b1
```
#1382b1 rgb(19,130,177)
```
#158fc3
```
#158fc3 rgb(21,143,195)
```
#179cd5
```
#179cd5 rgb(23,156,213)
```

Shade Color Variation

#19a9e6
```
#19a9e6 rgb(25,169,230)
```
#2bb0e8
```
#2bb0e8 rgb(43,176,232)
```
#3cb6ea
```
#3cb6ea rgb(60,182,234)
```
#4ebdec
```
#4ebdec rgb(78,189,236)
```
#60c3ee
```
#60c3ee rgb(96,195,238)
```
#72caf0
```
#72caf0 rgb(114,202,240)
```
#83d1f2
```
#83d1f2 rgb(131,209,242)
```
#95d7f4
```
#95d7f4 rgb(149,215,244)
```
#a7def5
```
#a7def5 rgb(167,222,245)
```
#b8e5f7
```
#b8e5f7 rgb(184,229,247)
```
#caebf9
```
#caebf9 rgb(202,235,249)
```
#dcf2fb
```
#dcf2fb rgb(220,242,251)
```
#eef8fd
```
#eef8fd rgb(238,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e70 is the less saturated color, while #0496d4 is the most saturated one.

#686e70
```
#686e70 rgb(104,110,112)
```
#607178
```
#607178 rgb(96,113,120)
```
#577481
```
#577481 rgb(87,116,129)
```
#4f7889
```
#4f7889 rgb(79,120,137)
```
#477b91
```
#477b91 rgb(71,123,145)
```
#3f7e99
```
#3f7e99 rgb(63,126,153)
```
#3682a2
```
#3682a2 rgb(54,130,162)
```
#2e85aa
```
#2e85aa rgb(46,133,170)
```
#2688b2
```
#2688b2 rgb(38,136,178)
```
#1d8cbb
```
#1d8cbb rgb(29,140,187)
```
#158fc3
```
#158fc3 rgb(21,143,195)
```
#0d92cb
```
#0d92cb rgb(13,146,203)
```
#0496d4
```
#0496d4 rgb(4,150,212)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5e7681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a8abe Protanopia 1% of men
#6d8bc9 Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#558cc0 Protanomaly 1% of men, 0.01% of women
#4d8cc7 Deuteranomaly 6% of men, 0.4% of women
#0795af Tritanomaly 0.01% of the population

#158fc3 hex color

#158fc3 Color Information

#158fc3 Color Conversion

Color Schemes with #158fc3

Alternatives to #158fc3

#158fc3 Preview

Shades and Tints of #158fc3

Tones of #158fc3

Color Blindness Simulator