#156cc7 hex color

In a RGB color space, hex #156cc7 is composed of 8.2% red, 42.4% green and 78% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 45.7% magenta, 0% yellow and 22% black. It has a hue angle of 210.7 degrees, a saturation of 80.9% and a lightness of 43.1%. #156cc7 color hex could be obtained by blending #2ad8ff with #00008f. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 42
- B 78
RGB color chart
- C 89
- M 46
- Y 0
- K 22
CMYK color chart

● #156cc7 color description : Strong blue.

The hexadecimal color #156cc7 has RGB values of R:21, G:108, B:199 and CMYK values of C:0.89, M:0.46, Y:0, K:0.22. Its decimal value is 1404103.

Hex triplet	156cc7	`#156cc7`
RGB Decimal	21, 108, 199	`rgb(21,108,199)`
RGB Percent	8.2, 42.4, 78	`rgb(8.2%,42.4%,78%)`
CMYK	89, 46, 0, 22
HSL	210.7°, 80.9, 43.1	`hsl(210.7,80.9%,43.1%)`
HSV (or HSB)	210.7°, 89.4, 78
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.643, 10.248, -54.039
XYZ	15.978, 15.007, 56.084
xyY	0.184, 0.172, 15.007
CIE-LCH	45.643, 55.002, 280.738
CIE-LUV	45.643, -24.743, -82.111
Hunter-Lab	38.738, 5.833, -58.721
Binary	00010101, 01101100, 11000111

#156cc7
```
#156cc7 rgb(21,108,199)
```
#c77015
```
#c77015 rgb(199,112,21)
```

Complementary Color

#15c5c7
```
#15c5c7 rgb(21,197,199)
```
#156cc7
```
#156cc7 rgb(21,108,199)
```
#1715c7
```
#1715c7 rgb(23,21,199)
```

Analogous Color

#c5c715
```
#c5c715 rgb(197,199,21)
```
#156cc7
```
#156cc7 rgb(21,108,199)
```
#c71715
```
#c71715 rgb(199,23,21)
```

Split Complementary Color

#6cc715
```
#6cc715 rgb(108,199,21)
```
#156cc7
```
#156cc7 rgb(21,108,199)
```
#c7156c
```
#c7156c rgb(199,21,108)
```

Triadic Color

#15c770
```
#15c770 rgb(21,199,112)
```
#156cc7
```
#156cc7 rgb(21,108,199)
```
#c7156c
```
#c7156c rgb(199,21,108)
```
#c77015
```
#c77015 rgb(199,112,21)
```

Tetradic Color

#0e4682
```
#0e4682 rgb(14,70,130)
```
#105399
```
#105399 rgb(16,83,153)
```
#135fb0
```
#135fb0 rgb(19,95,176)
```
#156cc7
```
#156cc7 rgb(21,108,199)
```
#1779de
```
#1779de rgb(23,121,222)
```
#2785e8
```
#2785e8 rgb(39,133,232)
```
#3e92eb
```
#3e92eb rgb(62,146,235)
```

Monochromatic Color

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

#1599c7
```
#1599c7 rgb(21,153,199)
```
#158ac7
```
#158ac7 rgb(21,138,199)
```
#157bc7
```
#157bc7 rgb(21,123,199)
```
#156cc7
```
#156cc7 rgb(21,108,199)
```
#155dc7
```
#155dc7 rgb(21,93,199)
```
#154ec7
```
#154ec7 rgb(21,78,199)
```
#1540c7
```
#1540c7 rgb(21,64,199)
```

Similar Colors

Text with hexadecimal color #156cc7

This text has a font color of #156cc7.

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

#156cc7 background color

This paragraph has a background color of #156cc7.

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

#156cc7 border color

This element has a border color of #156cc7.

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

CSS codes

.text {color:#156cc7;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020c16
```
#020c16 rgb(2,12,22)
```
#041527
```
#041527 rgb(4,21,39)
```
#061f39
```
#061f39 rgb(6,31,57)
```
#08294b
```
#08294b rgb(8,41,75)
```
#0a325d
```
#0a325d rgb(10,50,93)
```
#0c3c6e
```
#0c3c6e rgb(12,60,110)
```
#0e4580
```
#0e4580 rgb(14,69,128)
```
#0f4f92
```
#0f4f92 rgb(15,79,146)
```
#1159a4
```
#1159a4 rgb(17,89,164)
```
#1362b5
```
#1362b5 rgb(19,98,181)
```
#156cc7
```
#156cc7 rgb(21,108,199)
```
#1776d9
```
#1776d9 rgb(23,118,217)
```

Shade Color Variation

#1c7fe7
```
#1c7fe7 rgb(28,127,231)
```
#2e89e9
```
#2e89e9 rgb(46,137,233)
```
#4093eb
```
#4093eb rgb(64,147,235)
```
#519ded
```
#519ded rgb(81,157,237)
```
#63a7ef
```
#63a7ef rgb(99,167,239)
```
#75b1f0
```
#75b1f0 rgb(117,177,240)
```
#87bbf2
```
#87bbf2 rgb(135,187,242)
```
#98c5f4
```
#98c5f4 rgb(152,197,244)
```
#aacff6
```
#aacff6 rgb(170,207,246)
```
#bcd9f8
```
#bcd9f8 rgb(188,217,248)
```
#cee3fa
```
#cee3fa rgb(206,227,250)
```
#dfedfc
```
#dfedfc rgb(223,237,252)
```
#f1f7fe
```
#f1f7fe rgb(241,247,254)
```

Tint Color Variation

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

#6a6e72
```
#6a6e72 rgb(106,110,114)
```
#616e7b
```
#616e7b rgb(97,110,123)
```
#596e83
```
#596e83 rgb(89,110,131)
```
#506d8c
```
#506d8c rgb(80,109,140)
```
#486d94
```
#486d94 rgb(72,109,148)
```
#3f6d9d
```
#3f6d9d rgb(63,109,157)
```
#376da5
```
#376da5 rgb(55,109,165)
```
#2e6dae
```
#2e6dae rgb(46,109,174)
```
#266cb6
```
#266cb6 rgb(38,108,182)
```
#1d6cbf
```
#1d6cbf rgb(29,108,191)
```
#156cc7
```
#156cc7 rgb(21,108,199)
```
#0d6ccf
```
#0d6ccf rgb(13,108,207)
```
#046cd8
```
#046cd8 rgb(4,108,216)
```

Tone Color Variation

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

Dichromacy

#4370c7 Protanopia 1% of men
#0075c3 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#326fc7 Protanomaly 1% of men, 0.01% of women
#0772c4 Deuteranomaly 6% of men, 0.4% of women
#07789e Tritanomaly 0.01% of the population

#156cc7 hex color

#156cc7 Color Information

#156cc7 Color Conversion

Color Schemes with #156cc7

Alternatives to #156cc7

#156cc7 Preview

Shades and Tints of #156cc7

Tones of #156cc7

Color Blindness Simulator