#156fb8 hex color

In a RGB color space, hex #156fb8 is composed of 8.2% red, 43.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 39.7% magenta, 0% yellow and 27.8% black. It has a hue angle of 206.9 degrees, a saturation of 79.5% and a lightness of 40.2%. #156fb8 color hex could be obtained by blending #2adeff with #000071. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 44
- B 72
RGB color chart
- C 89
- M 40
- Y 0
- K 28
CMYK color chart

● #156fb8 color description : Strong blue.

The hexadecimal color #156fb8 has RGB values of R:21, G:111, B:184 and CMYK values of C:0.89, M:0.4, Y:0, K:0.28. Its decimal value is 1404856.

Hex triplet	156fb8	`#156fb8`
RGB Decimal	21, 111, 184	`rgb(21,111,184)`
RGB Percent	8.2, 43.5, 72.2	`rgb(8.2%,43.5%,72.2%)`
CMYK	89, 40, 0, 28
HSL	206.9°, 79.5, 40.2	`hsl(206.9,79.5%,40.2%)`
HSV (or HSB)	206.9°, 88.6, 72.2
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.617, 2.451, -45.411
XYZ	14.643, 14.988, 47.466
xyY	0.19, 0.194, 14.988
CIE-LCH	45.617, 45.478, 273.089
CIE-LUV	45.617, -26.359, -68.252
Hunter-Lab	38.714, -0.232, -45.594
Binary	00010101, 01101111, 10111000

#156fb8
```
#156fb8 rgb(21,111,184)
```
#b85e15
```
#b85e15 rgb(184,94,21)
```

Complementary Color

#15b8b0
```
#15b8b0 rgb(21,184,176)
```
#156fb8
```
#156fb8 rgb(21,111,184)
```
#151eb8
```
#151eb8 rgb(21,30,184)
```

Analogous Color

#b8b015
```
#b8b015 rgb(184,176,21)
```
#156fb8
```
#156fb8 rgb(21,111,184)
```
#b8151e
```
#b8151e rgb(184,21,30)
```

Split Complementary Color

#6fb815
```
#6fb815 rgb(111,184,21)
```
#156fb8
```
#156fb8 rgb(21,111,184)
```
#b8156f
```
#b8156f rgb(184,21,111)
```

Triadic Color

#15b85e
```
#15b85e rgb(21,184,94)
```
#156fb8
```
#156fb8 rgb(21,111,184)
```
#b8156f
```
#b8156f rgb(184,21,111)
```
#b85e15
```
#b85e15 rgb(184,94,21)
```

Tetradic Color

#0d4673
```
#0d4673 rgb(13,70,115)
```
#10538a
```
#10538a rgb(16,83,138)
```
#1261a1
```
#1261a1 rgb(18,97,161)
```
#156fb8
```
#156fb8 rgb(21,111,184)
```
#187dcf
```
#187dcf rgb(24,125,207)
```
#1b8be5
```
#1b8be5 rgb(27,139,229)
```
#3296e8
```
#3296e8 rgb(50,150,232)
```

Monochromatic Color

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

#1598b8
```
#1598b8 rgb(21,152,184)
```
#158ab8
```
#158ab8 rgb(21,138,184)
```
#157db8
```
#157db8 rgb(21,125,184)
```
#156fb8
```
#156fb8 rgb(21,111,184)
```
#1561b8
```
#1561b8 rgb(21,97,184)
```
#1554b8
```
#1554b8 rgb(21,84,184)
```
#1546b8
```
#1546b8 rgb(21,70,184)
```

Similar Colors

Text with hexadecimal color #156fb8

This text has a font color of #156fb8.

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

#156fb8 background color

This paragraph has a background color of #156fb8.

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

#156fb8 border color

This element has a border color of #156fb8.

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

CSS codes

.text {color:#156fb8;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#030f1a
```
#030f1a rgb(3,15,26)
```
#051a2b
```
#051a2b rgb(5,26,43)
```
#07253d
```
#07253d rgb(7,37,61)
```
#092f4e
```
#092f4e rgb(9,47,78)
```
#0b3a60
```
#0b3a60 rgb(11,58,96)
```
#0d4572
```
#0d4572 rgb(13,69,114)
```
#0f4f83
```
#0f4f83 rgb(15,79,131)
```
#115a95
```
#115a95 rgb(17,90,149)
```
#1364a6
```
#1364a6 rgb(19,100,166)
```
#156fb8
```
#156fb8 rgb(21,111,184)
```
#177aca
```
#177aca rgb(23,122,202)
```
#1984db
```
#1984db rgb(25,132,219)
```

Shade Color Variation

#228ee6
```
#228ee6 rgb(34,142,230)
```
#3497e8
```
#3497e8 rgb(52,151,232)
```
#45a0ea
```
#45a0ea rgb(69,160,234)
```
#57a9ec
```
#57a9ec rgb(87,169,236)
```
#68b2ee
```
#68b2ee rgb(104,178,238)
```
#7abbf0
```
#7abbf0 rgb(122,187,240)
```
#8cc4f2
```
#8cc4f2 rgb(140,196,242)
```
#9dcdf4
```
#9dcdf4 rgb(157,205,244)
```
#afd6f6
```
#afd6f6 rgb(175,214,246)
```
#c1dff8
```
#c1dff8 rgb(193,223,248)
```
#d2e8fa
```
#d2e8fa rgb(210,232,250)
```
#e4f1fc
```
#e4f1fc rgb(228,241,252)
```
#f5fafe
```
#f5fafe rgb(245,250,254)
```

Tint Color Variation

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

#646769
```
#646769 rgb(100,103,105)
```
#5c6871
```
#5c6871 rgb(92,104,113)
```
#546879
```
#546879 rgb(84,104,121)
```
#4c6981
```
#4c6981 rgb(76,105,129)
```
#446a89
```
#446a89 rgb(68,106,137)
```
#3c6b91
```
#3c6b91 rgb(60,107,145)
```
#356c98
```
#356c98 rgb(53,108,152)
```
#2d6da0
```
#2d6da0 rgb(45,109,160)
```
#256da8
```
#256da8 rgb(37,109,168)
```
#1d6eb0
```
#1d6eb0 rgb(29,110,176)
```
#156fb8
```
#156fb8 rgb(21,111,184)
```
#0d70c0
```
#0d70c0 rgb(13,112,192)
```
#0571c8
```
#0571c8 rgb(5,113,200)
```

Tone Color Variation

Below, you can see how #156fb8 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
#4e606e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5471b7 Protanopia 1% of men
#3574bc Deuteranopia 1% of men
#007e86 Tritanopia 0.001% of the population

Trichromacy

#3d70b7 Protanomaly 1% of men, 0.01% of women
#2972ba Deuteranomaly 6% of men, 0.4% of women
#077998 Tritanomaly 0.01% of the population

#156fb8 hex color

#156fb8 Color Information

#156fb8 Color Conversion

Color Schemes with #156fb8

Alternatives to #156fb8

#156fb8 Preview

Shades and Tints of #156fb8

Tones of #156fb8

Color Blindness Simulator