#156cb4 hex color

In a RGB color space, hex #156cb4 is composed of 8.2% red, 42.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 40% magenta, 0% yellow and 29.4% black. It has a hue angle of 207.2 degrees, a saturation of 79.1% and a lightness of 39.4%. #156cb4 color hex could be obtained by blending #2ad8ff with #000069. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 42
- B 71
RGB color chart
- C 88
- M 40
- Y 0
- K 29
CMYK color chart

● #156cb4 color description : Strong blue.

The hexadecimal color #156cb4 has RGB values of R:21, G:108, B:180 and CMYK values of C:0.88, M:0.4, Y:0, K:0.29. Its decimal value is 1404084.

Hex triplet	156cb4	`#156cb4`
RGB Decimal	21, 108, 180	`rgb(21,108,180)`
RGB Percent	8.2, 42.4, 70.6	`rgb(8.2%,42.4%,70.6%)`
CMYK	88, 40, 0, 29
HSL	207.2°, 79.1, 39.4	`hsl(207.2,79.1%,39.4%)`
HSV (or HSB)	207.2°, 88.3, 70.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.488, 2.755, -44.885
XYZ	13.908, 14.179, 45.181
xyY	0.19, 0.194, 14.179
CIE-LCH	44.488, 44.97, 273.513
CIE-LUV	44.488, -25.571, -67.063
Hunter-Lab	37.654, 0.036, -44.783
Binary	00010101, 01101100, 10110100

#156cb4
```
#156cb4 rgb(21,108,180)
```
#b45d15
```
#b45d15 rgb(180,93,21)
```

Complementary Color

#15b4ad
```
#15b4ad rgb(21,180,173)
```
#156cb4
```
#156cb4 rgb(21,108,180)
```
#151db4
```
#151db4 rgb(21,29,180)
```

Analogous Color

#b4ad15
```
#b4ad15 rgb(180,173,21)
```
#156cb4
```
#156cb4 rgb(21,108,180)
```
#b4151d
```
#b4151d rgb(180,21,29)
```

Split Complementary Color

#6cb415
```
#6cb415 rgb(108,180,21)
```
#156cb4
```
#156cb4 rgb(21,108,180)
```
#b4156c
```
#b4156c rgb(180,21,108)
```

Triadic Color

#15b45d
```
#15b45d rgb(21,180,93)
```
#156cb4
```
#156cb4 rgb(21,108,180)
```
#b4156c
```
#b4156c rgb(180,21,108)
```
#b45d15
```
#b45d15 rgb(180,93,21)
```

Tetradic Color

#0d436f
```
#0d436f rgb(13,67,111)
```
#105186
```
#105186 rgb(16,81,134)
```
#125e9d
```
#125e9d rgb(18,94,157)
```
#156cb4
```
#156cb4 rgb(21,108,180)
```
#187acb
```
#187acb rgb(24,122,203)
```
#1a87e2
```
#1a87e2 rgb(26,135,226)
```
#2f93e7
```
#2f93e7 rgb(47,147,231)
```

Monochromatic Color

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

#1594b4
```
#1594b4 rgb(21,148,180)
```
#1587b4
```
#1587b4 rgb(21,135,180)
```
#1579b4
```
#1579b4 rgb(21,121,180)
```
#156cb4
```
#156cb4 rgb(21,108,180)
```
#155fb4
```
#155fb4 rgb(21,95,180)
```
#1552b4
```
#1552b4 rgb(21,82,180)
```
#1544b4
```
#1544b4 rgb(21,68,180)
```

Similar Colors

Text with hexadecimal color #156cb4

This text has a font color of #156cb4.

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

#156cb4 background color

This paragraph has a background color of #156cb4.

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

#156cb4 border color

This element has a border color of #156cb4.

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

CSS codes

.text {color:#156cb4;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#030d16
```
#030d16 rgb(3,13,22)
```
#051827
```
#051827 rgb(5,24,39)
```
#072239
```
#072239 rgb(7,34,57)
```
#092d4b
```
#092d4b rgb(9,45,75)
```
#0b375c
```
#0b375c rgb(11,55,92)
```
#0d426e
```
#0d426e rgb(13,66,110)
```
#0f4c7f
```
#0f4c7f rgb(15,76,127)
```
#115791
```
#115791 rgb(17,87,145)
```
#1361a2
```
#1361a2 rgb(19,97,162)
```
#156cb4
```
#156cb4 rgb(21,108,180)
```
#1777c6
```
#1777c6 rgb(23,119,198)
```
#1981d7
```
#1981d7 rgb(25,129,215)
```

Shade Color Variation

#1f8be5
```
#1f8be5 rgb(31,139,229)
```
#3194e7
```
#3194e7 rgb(49,148,231)
```
#429de9
```
#429de9 rgb(66,157,233)
```
#54a6eb
```
#54a6eb rgb(84,166,235)
```
#65b0ed
```
#65b0ed rgb(101,176,237)
```
#77b9ef
```
#77b9ef rgb(119,185,239)
```
#88c2f1
```
#88c2f1 rgb(136,194,241)
```
#9acbf3
```
#9acbf3 rgb(154,203,243)
```
#acd4f5
```
#acd4f5 rgb(172,212,245)
```
#bdddf7
```
#bdddf7 rgb(189,221,247)
```
#cfe6f9
```
#cfe6f9 rgb(207,230,249)
```
#e0effb
```
#e0effb rgb(224,239,251)
```
#f2f8fd
```
#f2f8fd rgb(242,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626567 is the less saturated color, while #066dc3 is the most saturated one.

#626567
```
#626567 rgb(98,101,103)
```
#5b656e
```
#5b656e rgb(91,101,110)
```
#536676
```
#536676 rgb(83,102,118)
```
#4b677e
```
#4b677e rgb(75,103,126)
```
#436886
```
#436886 rgb(67,104,134)
```
#3c688d
```
#3c688d rgb(60,104,141)
```
#346995
```
#346995 rgb(52,105,149)
```
#2c6a9d
```
#2c6a9d rgb(44,106,157)
```
#246ba5
```
#246ba5 rgb(36,107,165)
```
#1d6bac
```
#1d6bac rgb(29,107,172)
```
#156cb4
```
#156cb4 rgb(21,108,180)
```
#0d6dbc
```
#0d6dbc rgb(13,109,188)
```
#066dc3
```
#066dc3 rgb(6,109,195)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4c5e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#516eb3 Protanopia 1% of men
#3372b8 Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#3b6db3 Protanomaly 1% of men, 0.01% of women
#286fb6 Deuteranomaly 6% of men, 0.4% of women
#077695 Tritanomaly 0.01% of the population

#156cb4 hex color

#156cb4 Color Information

#156cb4 Color Conversion

Color Schemes with #156cb4

Alternatives to #156cb4

#156cb4 Preview

Shades and Tints of #156cb4

Tones of #156cb4

Color Blindness Simulator