#156fd5 hex color

In a RGB color space, hex #156fd5 is composed of 8.2% red, 43.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 47.9% magenta, 0% yellow and 16.5% black. It has a hue angle of 211.9 degrees, a saturation of 82.1% and a lightness of 45.9%. #156fd5 color hex could be obtained by blending #2adeff with #0000ab. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 44
- B 84
RGB color chart
- C 90
- M 48
- Y 0
- K 16
CMYK color chart

● #156fd5 color description : Strong blue.

The hexadecimal color #156fd5 has RGB values of R:21, G:111, B:213 and CMYK values of C:0.9, M:0.48, Y:0, K:0.16. Its decimal value is 1404885.

Hex triplet	156fd5	`#156fd5`
RGB Decimal	21, 111, 213	`rgb(21,111,213)`
RGB Percent	8.2, 43.5, 83.5	`rgb(8.2%,43.5%,83.5%)`
CMYK	90, 48, 0, 16
HSL	211.9°, 82.1, 45.9	`hsl(211.9,82.1%,45.9%)`
HSV (or HSB)	211.9°, 90.1, 83.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.406, 13.839, -59.212
XYZ	18.001, 16.331, 65.151
xyY	0.181, 0.164, 16.331
CIE-LCH	47.406, 60.808, 283.155
CIE-LUV	47.406, -25.123, -91.033
Hunter-Lab	40.411, 8.793, -67.298
Binary	00010101, 01101111, 11010101

#156fd5
```
#156fd5 rgb(21,111,213)
```
#d57b15
```
#d57b15 rgb(213,123,21)
```

Complementary Color

#15cfd5
```
#15cfd5 rgb(21,207,213)
```
#156fd5
```
#156fd5 rgb(21,111,213)
```
#1b15d5
```
#1b15d5 rgb(27,21,213)
```

Analogous Color

#cfd515
```
#cfd515 rgb(207,213,21)
```
#156fd5
```
#156fd5 rgb(21,111,213)
```
#d51b15
```
#d51b15 rgb(213,27,21)
```

Split Complementary Color

#6fd515
```
#6fd515 rgb(111,213,21)
```
#156fd5
```
#156fd5 rgb(21,111,213)
```
#d5156f
```
#d5156f rgb(213,21,111)
```

Triadic Color

#15d57b
```
#15d57b rgb(21,213,123)
```
#156fd5
```
#156fd5 rgb(21,111,213)
```
#d5156f
```
#d5156f rgb(213,21,111)
```
#d57b15
```
#d57b15 rgb(213,123,21)
```

Tetradic Color

#0e4b8f
```
#0e4b8f rgb(14,75,143)
```
#1057a7
```
#1057a7 rgb(16,87,167)
```
#1363be
```
#1363be rgb(19,99,190)
```
#156fd5
```
#156fd5 rgb(21,111,213)
```
#1b7be9
```
#1b7be9 rgb(27,123,233)
```
#3289eb
```
#3289eb rgb(50,137,235)
```
#4996ed
```
#4996ed rgb(73,150,237)
```

Monochromatic Color

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

#159fd5
```
#159fd5 rgb(21,159,213)
```
#158fd5
```
#158fd5 rgb(21,143,213)
```
#157fd5
```
#157fd5 rgb(21,127,213)
```
#156fd5
```
#156fd5 rgb(21,111,213)
```
#155fd5
```
#155fd5 rgb(21,95,213)
```
#154fd5
```
#154fd5 rgb(21,79,213)
```
#153fd5
```
#153fd5 rgb(21,63,213)
```

Similar Colors

Text with hexadecimal color #156fd5

This text has a font color of #156fd5.

<span style="color:#156fd5;">Text here</span>

#156fd5 background color

This paragraph has a background color of #156fd5.

<p style="background-color:#156fd5;">Content here</p>

#156fd5 border color

This element has a border color of #156fd5.

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

CSS codes

.text {color:#156fd5;}

.background {background-color:#156fd5;}

.border {border:1px solid #156fd5;}

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

#020911
```
#020911 rgb(2,9,17)
```
#031222
```
#031222 rgb(3,18,34)
```
#051b34
```
#051b34 rgb(5,27,52)
```
#072546
```
#072546 rgb(7,37,70)
```
#092e58
```
#092e58 rgb(9,46,88)
```
#0a376a
```
#0a376a rgb(10,55,106)
```
#0c407c
```
#0c407c rgb(12,64,124)
```
#0e4a8e
```
#0e4a8e rgb(14,74,142)
```
#10539f
```
#10539f rgb(16,83,159)
```
#115cb1
```
#115cb1 rgb(17,92,177)
```
#1366c3
```
#1366c3 rgb(19,102,195)
```
#156fd5
```
#156fd5 rgb(21,111,213)
```
#1778e7
```
#1778e7 rgb(23,120,231)
```

Shade Color Variation

#2783ea
```
#2783ea rgb(39,131,234)
```
#398dec
```
#398dec rgb(57,141,236)
```
#4b97ed
```
#4b97ed rgb(75,151,237)
```
#5da1ef
```
#5da1ef rgb(93,161,239)
```
#6facf1
```
#6facf1 rgb(111,172,241)
```
#81b6f3
```
#81b6f3 rgb(129,182,243)
```
#93c0f4
```
#93c0f4 rgb(147,192,244)
```
#a4cbf6
```
#a4cbf6 rgb(164,203,246)
```
#b6d5f8
```
#b6d5f8 rgb(182,213,248)
```
#c8dffa
```
#c8dffa rgb(200,223,250)
```
#daeafb
```
#daeafb rgb(218,234,251)
```
#ecf4fd
```
#ecf4fd rgb(236,244,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f757b is the less saturated color, while #036ee7 is the most saturated one.

#6f757b
```
#6f757b rgb(111,117,123)
```
#667484
```
#667484 rgb(102,116,132)
```
#5d748d
```
#5d748d rgb(93,116,141)
```
#547396
```
#547396 rgb(84,115,150)
```
#4b729f
```
#4b729f rgb(75,114,159)
```
#4272a8
```
#4272a8 rgb(66,114,168)
```
#3971b1
```
#3971b1 rgb(57,113,177)
```
#3071ba
```
#3071ba rgb(48,113,186)
```
#2770c3
```
#2770c3 rgb(39,112,195)
```
#1e70cc
```
#1e70cc rgb(30,112,204)
```
#156fd5
```
#156fd5 rgb(21,111,213)
```
#0c6ede
```
#0c6ede rgb(12,110,222)
```
#036ee7
```
#036ee7 rgb(3,110,231)
```

Tone Color Variation

Below, you can see how #156fd5 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

#606060 Achromatopsia 0.005% of the population
#516377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c74d5 Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#2e72d5 Protanomaly 1% of men, 0.01% of women
#0776cd Deuteranomaly 6% of men, 0.4% of women
#077ca6 Tritanomaly 0.01% of the population

#156fd5 hex color

#156fd5 Color Information

#156fd5 Color Conversion

Color Schemes with #156fd5

Alternatives to #156fd5

#156fd5 Preview

Shades and Tints of #156fd5

Tones of #156fd5

Color Blindness Simulator