#156bd4 hex color

In a RGB color space, hex #156bd4 is composed of 8.2% red, 42% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 49.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 213 degrees, a saturation of 82% and a lightness of 45.7%. #156bd4 color hex could be obtained by blending #2ad6ff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 42
- B 83
RGB color chart
- C 90
- M 50
- Y 0
- K 17
CMYK color chart

● #156bd4 color description : Strong blue.

The hexadecimal color #156bd4 has RGB values of R:21, G:107, B:212 and CMYK values of C:0.9, M:0.5, Y:0, K:0.17. Its decimal value is 1403860.

Hex triplet	156bd4	`#156bd4`
RGB Decimal	21, 107, 212	`rgb(21,107,212)`
RGB Percent	8.2, 42, 83.1	`rgb(8.2%,42%,83.1%)`
CMYK	90, 50, 0, 17
HSL	213°, 82, 45.7	`hsl(213,82%,45.7%)`
HSV (or HSB)	213°, 90.1, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.213, 16.005, -60.568
XYZ	17.448, 15.427, 64.342
xyY	0.179, 0.159, 15.427
CIE-LCH	46.213, 62.647, 284.802
CIE-LUV	46.213, -23.968, -92.596
Hunter-Lab	39.277, 10.56, -69.633
Binary	00010101, 01101011, 11010100

#156bd4
```
#156bd4 rgb(21,107,212)
```
#d47e15
```
#d47e15 rgb(212,126,21)
```

Complementary Color

#15cbd4
```
#15cbd4 rgb(21,203,212)
```
#156bd4
```
#156bd4 rgb(21,107,212)
```
#1f15d4
```
#1f15d4 rgb(31,21,212)
```

Analogous Color

#cbd415
```
#cbd415 rgb(203,212,21)
```
#156bd4
```
#156bd4 rgb(21,107,212)
```
#d41f15
```
#d41f15 rgb(212,31,21)
```

Split Complementary Color

#6bd415
```
#6bd415 rgb(107,212,21)
```
#156bd4
```
#156bd4 rgb(21,107,212)
```
#d4156b
```
#d4156b rgb(212,21,107)
```

Triadic Color

#15d47e
```
#15d47e rgb(21,212,126)
```
#156bd4
```
#156bd4 rgb(21,107,212)
```
#d4156b
```
#d4156b rgb(212,21,107)
```
#d47e15
```
#d47e15 rgb(212,126,21)
```

Tetradic Color

#0e488e
```
#0e488e rgb(14,72,142)
```
#1054a6
```
#1054a6 rgb(16,84,166)
```
#135fbd
```
#135fbd rgb(19,95,189)
```
#156bd4
```
#156bd4 rgb(21,107,212)
```
#1a77e8
```
#1a77e8 rgb(26,119,232)
```
#3185eb
```
#3185eb rgb(49,133,235)
```
#4993ed
```
#4993ed rgb(73,147,237)
```

Monochromatic Color

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

#159bd4
```
#159bd4 rgb(21,155,212)
```
#158bd4
```
#158bd4 rgb(21,139,212)
```
#157bd4
```
#157bd4 rgb(21,123,212)
```
#156bd4
```
#156bd4 rgb(21,107,212)
```
#155bd4
```
#155bd4 rgb(21,91,212)
```
#154bd4
```
#154bd4 rgb(21,75,212)
```
#153bd4
```
#153bd4 rgb(21,59,212)
```

Similar Colors

Text with hexadecimal color #156bd4

This text has a font color of #156bd4.

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

#156bd4 background color

This paragraph has a background color of #156bd4.

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

#156bd4 border color

This element has a border color of #156bd4.

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

CSS codes

.text {color:#156bd4;}

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

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

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

#020810
```
#020810 rgb(2,8,16)
```
#031122
```
#031122 rgb(3,17,34)
```
#051a33
```
#051a33 rgb(5,26,51)
```
#072345
```
#072345 rgb(7,35,69)
```
#092c57
```
#092c57 rgb(9,44,87)
```
#0a3569
```
#0a3569 rgb(10,53,105)
```
#0c3e7b
```
#0c3e7b rgb(12,62,123)
```
#0e478d
```
#0e478d rgb(14,71,141)
```
#10509e
```
#10509e rgb(16,80,158)
```
#1159b0
```
#1159b0 rgb(17,89,176)
```
#1362c2
```
#1362c2 rgb(19,98,194)
```
#156bd4
```
#156bd4 rgb(21,107,212)
```
#1774e6
```
#1774e6 rgb(23,116,230)
```

Shade Color Variation

#277eea
```
#277eea rgb(39,126,234)
```
#3989eb
```
#3989eb rgb(57,137,235)
```
#4a94ed
```
#4a94ed rgb(74,148,237)
```
#5c9eef
```
#5c9eef rgb(92,158,239)
```
#6ea9f1
```
#6ea9f1 rgb(110,169,241)
```
#80b3f2
```
#80b3f2 rgb(128,179,242)
```
#92bef4
```
#92bef4 rgb(146,190,244)
```
#a4c9f6
```
#a4c9f6 rgb(164,201,246)
```
#b5d3f8
```
#b5d3f8 rgb(181,211,248)
```
#c7def9
```
#c7def9 rgb(199,222,249)
```
#d9e8fb
```
#d9e8fb rgb(217,232,251)
```
#ebf3fd
```
#ebf3fd rgb(235,243,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#6f747a
```
#6f747a rgb(111,116,122)
```
#667383
```
#667383 rgb(102,115,131)
```
#5d728c
```
#5d728c rgb(93,114,140)
```
#547195
```
#547195 rgb(84,113,149)
```
#4b709e
```
#4b709e rgb(75,112,158)
```
#426fa7
```
#426fa7 rgb(66,111,167)
```
#396fb0
```
#396fb0 rgb(57,111,176)
```
#306eb9
```
#306eb9 rgb(48,110,185)
```
#276dc2
```
#276dc2 rgb(39,109,194)
```
#1e6ccb
```
#1e6ccb rgb(30,108,203)
```
#156bd4
```
#156bd4 rgb(21,107,212)
```
#0c6add
```
#0c6add rgb(12,106,221)
```
#0369e6
```
#0369e6 rgb(3,105,230)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#4f6075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3171d5 Protanopia 1% of men
#0077c4 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#276fd4 Protanomaly 1% of men, 0.01% of women
#0772c9 Deuteranomaly 6% of men, 0.4% of women
#0778a3 Tritanomaly 0.01% of the population

#156bd4 hex color

#156bd4 Color Information

#156bd4 Color Conversion

Color Schemes with #156bd4

Alternatives to #156bd4

#156bd4 Preview

Shades and Tints of #156bd4

Tones of #156bd4

Color Blindness Simulator