#156bcb hex color

In a RGB color space, hex #156bcb is composed of 8.2% red, 42% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 47.3% magenta, 0% yellow and 20.4% black. It has a hue angle of 211.6 degrees, a saturation of 81.3% and a lightness of 43.9%. #156bcb color hex could be obtained by blending #2ad6ff with #000097. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 42
- B 80
RGB color chart
- C 90
- M 47
- Y 0
- K 20
CMYK color chart

● #156bcb color description : Strong blue.

The hexadecimal color #156bcb has RGB values of R:21, G:107, B:203 and CMYK values of C:0.9, M:0.47, Y:0, K:0.2. Its decimal value is 1403851.

Hex triplet	156bcb	`#156bcb`
RGB Decimal	21, 107, 203	`rgb(21,107,203)`
RGB Percent	8.2, 42, 79.6	`rgb(8.2%,42%,79.6%)`
CMYK	90, 47, 0, 20
HSL	211.6°, 81.3, 43.9	`hsl(211.6,81.3%,43.9%)`
HSV (or HSB)	211.6°, 89.7, 79.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.614, 12.465, -56.385
XYZ	16.344, 14.985, 58.528
xyY	0.182, 0.167, 14.985
CIE-LCH	45.614, 57.747, 282.465
CIE-LUV	45.614, -24.284, -85.796
Hunter-Lab	38.711, 7.621, -62.545
Binary	00010101, 01101011, 11001011

#156bcb
```
#156bcb rgb(21,107,203)
```
#cb7515
```
#cb7515 rgb(203,117,21)
```

Complementary Color

#15c6cb
```
#15c6cb rgb(21,198,203)
```
#156bcb
```
#156bcb rgb(21,107,203)
```
#1a15cb
```
#1a15cb rgb(26,21,203)
```

Analogous Color

#c6cb15
```
#c6cb15 rgb(198,203,21)
```
#156bcb
```
#156bcb rgb(21,107,203)
```
#cb1a15
```
#cb1a15 rgb(203,26,21)
```

Split Complementary Color

#6bcb15
```
#6bcb15 rgb(107,203,21)
```
#156bcb
```
#156bcb rgb(21,107,203)
```
#cb156b
```
#cb156b rgb(203,21,107)
```

Triadic Color

#15cb75
```
#15cb75 rgb(21,203,117)
```
#156bcb
```
#156bcb rgb(21,107,203)
```
#cb156b
```
#cb156b rgb(203,21,107)
```
#cb7515
```
#cb7515 rgb(203,117,21)
```

Tetradic Color

#0e4686
```
#0e4686 rgb(14,70,134)
```
#10539d
```
#10539d rgb(16,83,157)
```
#135fb4
```
#135fb4 rgb(19,95,180)
```
#156bcb
```
#156bcb rgb(21,107,203)
```
#1777e2
```
#1777e2 rgb(23,119,226)
```
#2a84e9
```
#2a84e9 rgb(42,132,233)
```
#4192eb
```
#4192eb rgb(65,146,235)
```

Monochromatic Color

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

#1599cb
```
#1599cb rgb(21,153,203)
```
#1589cb
```
#1589cb rgb(21,137,203)
```
#157acb
```
#157acb rgb(21,122,203)
```
#156bcb
```
#156bcb rgb(21,107,203)
```
#155ccb
```
#155ccb rgb(21,92,203)
```
#154dcb
```
#154dcb rgb(21,77,203)
```
#153ecb
```
#153ecb rgb(21,62,203)
```

Similar Colors

Text with hexadecimal color #156bcb

This text has a font color of #156bcb.

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

#156bcb background color

This paragraph has a background color of #156bcb.

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

#156bcb border color

This element has a border color of #156bcb.

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

CSS codes

.text {color:#156bcb;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#030d19
```
#030d19 rgb(3,13,25)
```
#04172b
```
#04172b rgb(4,23,43)
```
#06203d
```
#06203d rgb(6,32,61)
```
#08294f
```
#08294f rgb(8,41,79)
```
#0a3360
```
#0a3360 rgb(10,51,96)
```
#0c3c72
```
#0c3c72 rgb(12,60,114)
```
#0e4684
```
#0e4684 rgb(14,70,132)
```
#0f4f96
```
#0f4f96 rgb(15,79,150)
```
#1158a7
```
#1158a7 rgb(17,88,167)
```
#1362b9
```
#1362b9 rgb(19,98,185)
```
#156bcb
```
#156bcb rgb(21,107,203)
```
#1774dd
```
#1774dd rgb(23,116,221)
```

Shade Color Variation

#1f7ee8
```
#1f7ee8 rgb(31,126,232)
```
#3188ea
```
#3188ea rgb(49,136,234)
```
#4393ec
```
#4393ec rgb(67,147,236)
```
#559ded
```
#559ded rgb(85,157,237)
```
#66a7ef
```
#66a7ef rgb(102,167,239)
```
#78b1f1
```
#78b1f1 rgb(120,177,241)
```
#8abcf3
```
#8abcf3 rgb(138,188,243)
```
#9cc6f5
```
#9cc6f5 rgb(156,198,245)
```
#aed0f7
```
#aed0f7 rgb(174,208,247)
```
#bfdaf8
```
#bfdaf8 rgb(191,218,248)
```
#d1e5fa
```
#d1e5fa rgb(209,229,250)
```
#e3effc
```
#e3effc rgb(227,239,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

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

#6b7075
```
#6b7075 rgb(107,112,117)
```
#636f7d
```
#636f7d rgb(99,111,125)
```
#5a6f86
```
#5a6f86 rgb(90,111,134)
```
#516e8f
```
#516e8f rgb(81,110,143)
```
#496e97
```
#496e97 rgb(73,110,151)
```
#406da0
```
#406da0 rgb(64,109,160)
```
#376da9
```
#376da9 rgb(55,109,169)
```
#2f6cb1
```
#2f6cb1 rgb(47,108,177)
```
#266cba
```
#266cba rgb(38,108,186)
```
#1e6bc2
```
#1e6bc2 rgb(30,107,194)
```
#156bcb
```
#156bcb rgb(21,107,203)
```
#0c6bd4
```
#0c6bd4 rgb(12,107,212)
```
#046adc
```
#046adc rgb(4,106,220)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4e5f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d70cb Protanopia 1% of men
#0075c2 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#2e6ecb Protanomaly 1% of men, 0.01% of women
#0771c5 Deuteranomaly 6% of men, 0.4% of women
#07779f Tritanomaly 0.01% of the population

#156bcb hex color

#156bcb Color Information

#156bcb Color Conversion

Color Schemes with #156bcb

Alternatives to #156bcb

#156bcb Preview

Shades and Tints of #156bcb

Tones of #156bcb

Color Blindness Simulator