#156cb3 hex color

In a RGB color space, hex #156cb3 is composed of 8.2% red, 42.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 39.7% magenta, 0% yellow and 29.8% black. It has a hue angle of 207 degrees, a saturation of 79% and a lightness of 39.2%. #156cb3 color hex could be obtained by blending #2ad8ff with #000067. Closest websafe color is: #0066cc.

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

● #156cb3 color description : Strong blue.

The hexadecimal color #156cb3 has RGB values of R:21, G:108, B:179 and CMYK values of C:0.88, M:0.4, Y:0, K:0.3. Its decimal value is 1404083.

Hex triplet	156cb3	`#156cb3`
RGB Decimal	21, 108, 179	`rgb(21,108,179)`
RGB Percent	8.2, 42.4, 70.2	`rgb(8.2%,42.4%,70.2%)`
CMYK	88, 40, 0, 30
HSL	207°, 79, 39.2	`hsl(207,79%,39.2%)`
HSV (or HSB)	207°, 88.3, 70.2
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.43, 2.362, -44.394
XYZ	13.807, 14.138, 44.647
xyY	0.19, 0.195, 14.138
CIE-LCH	44.43, 44.457, 273.045
CIE-LUV	44.43, -25.619, -66.253
Hunter-Lab	37.601, -0.257, -44.08
Binary	00010101, 01101100, 10110011

#156cb3
```
#156cb3 rgb(21,108,179)
```
#b35c15
```
#b35c15 rgb(179,92,21)
```

Complementary Color

#15b3ab
```
#15b3ab rgb(21,179,171)
```
#156cb3
```
#156cb3 rgb(21,108,179)
```
#151db3
```
#151db3 rgb(21,29,179)
```

Analogous Color

#b3ab15
```
#b3ab15 rgb(179,171,21)
```
#156cb3
```
#156cb3 rgb(21,108,179)
```
#b3151d
```
#b3151d rgb(179,21,29)
```

Split Complementary Color

#6cb315
```
#6cb315 rgb(108,179,21)
```
#156cb3
```
#156cb3 rgb(21,108,179)
```
#b3156c
```
#b3156c rgb(179,21,108)
```

Triadic Color

#15b35c
```
#15b35c rgb(21,179,92)
```
#156cb3
```
#156cb3 rgb(21,108,179)
```
#b3156c
```
#b3156c rgb(179,21,108)
```
#b35c15
```
#b35c15 rgb(179,92,21)
```

Tetradic Color

#0d436f
```
#0d436f rgb(13,67,111)
```
#105085
```
#105085 rgb(16,80,133)
```
#125e9c
```
#125e9c rgb(18,94,156)
```
#156cb3
```
#156cb3 rgb(21,108,179)
```
#187aca
```
#187aca rgb(24,122,202)
```
#1a88e1
```
#1a88e1 rgb(26,136,225)
```
#2e94e6
```
#2e94e6 rgb(46,148,230)
```

Monochromatic Color

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

#1594b3
```
#1594b3 rgb(21,148,179)
```
#1586b3
```
#1586b3 rgb(21,134,179)
```
#1579b3
```
#1579b3 rgb(21,121,179)
```
#156cb3
```
#156cb3 rgb(21,108,179)
```
#155fb3
```
#155fb3 rgb(21,95,179)
```
#1552b3
```
#1552b3 rgb(21,82,179)
```
#1545b3
```
#1545b3 rgb(21,69,179)
```

Similar Colors

Text with hexadecimal color #156cb3

This text has a font color of #156cb3.

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

#156cb3 background color

This paragraph has a background color of #156cb3.

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

#156cb3 border color

This element has a border color of #156cb3.

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

CSS codes

.text {color:#156cb3;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020d15
```
#020d15 rgb(2,13,21)
```
#051727
```
#051727 rgb(5,23,39)
```
#072238
```
#072238 rgb(7,34,56)
```
#092c4a
```
#092c4a rgb(9,44,74)
```
#0b375b
```
#0b375b rgb(11,55,91)
```
#0d426d
```
#0d426d rgb(13,66,109)
```
#0f4c7e
```
#0f4c7e rgb(15,76,126)
```
#115790
```
#115790 rgb(17,87,144)
```
#1361a1
```
#1361a1 rgb(19,97,161)
```
#156cb3
```
#156cb3 rgb(21,108,179)
```
#1777c5
```
#1777c5 rgb(23,119,197)
```
#1981d6
```
#1981d6 rgb(25,129,214)
```

Shade Color Variation

#1e8be5
```
#1e8be5 rgb(30,139,229)
```
#3094e7
```
#3094e7 rgb(48,148,231)
```
#419ee9
```
#419ee9 rgb(65,158,233)
```
#53a7eb
```
#53a7eb rgb(83,167,235)
```
#64b0ed
```
#64b0ed rgb(100,176,237)
```
#76b9ef
```
#76b9ef rgb(118,185,239)
```
#88c2f1
```
#88c2f1 rgb(136,194,241)
```
#99cbf3
```
#99cbf3 rgb(153,203,243)
```
#abd4f5
```
#abd4f5 rgb(171,212,245)
```
#bcddf7
```
#bcddf7 rgb(188,221,247)
```
#cee6f9
```
#cee6f9 rgb(206,230,249)
```
#dfeffb
```
#dfeffb rgb(223,239,251)
```
#f1f8fd
```
#f1f8fd rgb(241,248,253)
```

Tint Color Variation

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

#626466
```
#626466 rgb(98,100,102)
```
#5a656e
```
#5a656e rgb(90,101,110)
```
#536675
```
#536675 rgb(83,102,117)
```
#4b677d
```
#4b677d rgb(75,103,125)
```
#436785
```
#436785 rgb(67,103,133)
```
#3b688d
```
#3b688d rgb(59,104,141)
```
#346994
```
#346994 rgb(52,105,148)
```
#2c6a9c
```
#2c6a9c rgb(44,106,156)
```
#246aa4
```
#246aa4 rgb(36,106,164)
```
#1d6bab
```
#1d6bab rgb(29,107,171)
```
#156cb3
```
#156cb3 rgb(21,108,179)
```
#0d6dbb
```
#0d6dbb rgb(13,109,187)
```
#066ec2
```
#066ec2 rgb(6,110,194)
```

Tone Color Variation

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

#526eb2 Protanopia 1% of men
#3572b7 Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#3c6db2 Protanomaly 1% of men, 0.01% of women
#296fb5 Deuteranomaly 6% of men, 0.4% of women
#077694 Tritanomaly 0.01% of the population

#156cb3 hex color

#156cb3 Color Information

#156cb3 Color Conversion

Color Schemes with #156cb3

Alternatives to #156cb3

#156cb3 Preview

Shades and Tints of #156cb3

Tones of #156cb3

Color Blindness Simulator