#156ad0 hex color

In a RGB color space, hex #156ad0 is composed of 8.2% red, 41.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 49% magenta, 0% yellow and 18.4% black. It has a hue angle of 212.7 degrees, a saturation of 81.7% and a lightness of 44.9%. #156ad0 color hex could be obtained by blending #2ad4ff with #0000a1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 42
- B 82
RGB color chart
- C 90
- M 49
- Y 0
- K 18
CMYK color chart

● #156ad0 color description : Strong blue.

The hexadecimal color #156ad0 has RGB values of R:21, G:106, B:208 and CMYK values of C:0.9, M:0.49, Y:0, K:0.18. Its decimal value is 1403600.

Hex triplet	156ad0	`#156ad0`
RGB Decimal	21, 106, 208	`rgb(21,106,208)`
RGB Percent	8.2, 41.6, 81.6	`rgb(8.2%,41.6%,81.6%)`
CMYK	90, 49, 0, 18
HSL	212.7°, 81.7, 44.9	`hsl(212.7,81.7%,44.9%)`
HSV (or HSB)	212.7°, 89.9, 81.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.662, 15.076, -59.174
XYZ	16.846, 15.02, 61.682
xyY	0.18, 0.161, 15.02
CIE-LCH	45.662, 61.064, 284.293
CIE-LUV	45.662, -23.806, -90.167
Hunter-Lab	38.756, 9.766, -67.235
Binary	00010101, 01101010, 11010000

#156ad0
```
#156ad0 rgb(21,106,208)
```
#d07b15
```
#d07b15 rgb(208,123,21)
```

Complementary Color

#15c8d0
```
#15c8d0 rgb(21,200,208)
```
#156ad0
```
#156ad0 rgb(21,106,208)
```
#1d15d0
```
#1d15d0 rgb(29,21,208)
```

Analogous Color

#c8d015
```
#c8d015 rgb(200,208,21)
```
#156ad0
```
#156ad0 rgb(21,106,208)
```
#d01d15
```
#d01d15 rgb(208,29,21)
```

Split Complementary Color

#6ad015
```
#6ad015 rgb(106,208,21)
```
#156ad0
```
#156ad0 rgb(21,106,208)
```
#d0156a
```
#d0156a rgb(208,21,106)
```

Triadic Color

#15d07b
```
#15d07b rgb(21,208,123)
```
#156ad0
```
#156ad0 rgb(21,106,208)
```
#d0156a
```
#d0156a rgb(208,21,106)
```
#d07b15
```
#d07b15 rgb(208,123,21)
```

Tetradic Color

#0e478b
```
#0e478b rgb(14,71,139)
```
#1052a2
```
#1052a2 rgb(16,82,162)
```
#135eb9
```
#135eb9 rgb(19,94,185)
```
#156ad0
```
#156ad0 rgb(21,106,208)
```
#1776e7
```
#1776e7 rgb(23,118,231)
```
#2e83ea
```
#2e83ea rgb(46,131,234)
```
#4591ec
```
#4591ec rgb(69,145,236)
```

Monochromatic Color

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

#1599d0
```
#1599d0 rgb(21,153,208)
```
#1589d0
```
#1589d0 rgb(21,137,208)
```
#157ad0
```
#157ad0 rgb(21,122,208)
```
#156ad0
```
#156ad0 rgb(21,106,208)
```
#155ad0
```
#155ad0 rgb(21,90,208)
```
#154bd0
```
#154bd0 rgb(21,75,208)
```
#153bd0
```
#153bd0 rgb(21,59,208)
```

Similar Colors

Text with hexadecimal color #156ad0

This text has a font color of #156ad0.

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

#156ad0 background color

This paragraph has a background color of #156ad0.

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

#156ad0 border color

This element has a border color of #156ad0.

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

CSS codes

.text {color:#156ad0;}

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

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

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, #01060c is the darkest color, while #f9fcfe is the lightest one.

#01060c
```
#01060c rgb(1,6,12)
```
#030f1e
```
#030f1e rgb(3,15,30)
```
#051830
```
#051830 rgb(5,24,48)
```
#072141
```
#072141 rgb(7,33,65)
```
#082a53
```
#082a53 rgb(8,42,83)
```
#0a3465
```
#0a3465 rgb(10,52,101)
```
#0c3d77
```
#0c3d77 rgb(12,61,119)
```
#0e4689
```
#0e4689 rgb(14,70,137)
```
#104f9b
```
#104f9b rgb(16,79,155)
```
#1158ac
```
#1158ac rgb(17,88,172)
```
#1361be
```
#1361be rgb(19,97,190)
```
#156ad0
```
#156ad0 rgb(21,106,208)
```
#1773e2
```
#1773e2 rgb(23,115,226)
```

Shade Color Variation

#237de9
```
#237de9 rgb(35,125,233)
```
#3588eb
```
#3588eb rgb(53,136,235)
```
#4792ec
```
#4792ec rgb(71,146,236)
```
#599dee
```
#599dee rgb(89,157,238)
```
#6ba7f0
```
#6ba7f0 rgb(107,167,240)
```
#7cb2f2
```
#7cb2f2 rgb(124,178,242)
```
#8ebcf4
```
#8ebcf4 rgb(142,188,244)
```
#a0c7f5
```
#a0c7f5 rgb(160,199,245)
```
#b2d1f7
```
#b2d1f7 rgb(178,209,247)
```
#c4dcf9
```
#c4dcf9 rgb(196,220,249)
```
#d6e6fb
```
#d6e6fb rgb(214,230,251)
```
#e7f1fd
```
#e7f1fd rgb(231,241,253)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#6d7278
```
#6d7278 rgb(109,114,120)
```
#647181
```
#647181 rgb(100,113,129)
```
#5b708a
```
#5b708a rgb(91,112,138)
```
#537092
```
#537092 rgb(83,112,146)
```
#4a6f9b
```
#4a6f9b rgb(74,111,155)
```
#416ea4
```
#416ea4 rgb(65,110,164)
```
#386dad
```
#386dad rgb(56,109,173)
```
#2f6cb6
```
#2f6cb6 rgb(47,108,182)
```
#276cbe
```
#276cbe rgb(39,108,190)
```
#1e6bc7
```
#1e6bc7 rgb(30,107,199)
```
#156ad0
```
#156ad0 rgb(21,106,208)
```
#0c69d9
```
#0c69d9 rgb(12,105,217)
```
#0368e2
```
#0368e2 rgb(3,104,226)
```

Tone Color Variation

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

Dichromacy

#3470d1 Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#296ed0 Protanomaly 1% of men, 0.01% of women
#0771c7 Deuteranomaly 6% of men, 0.4% of women
#0777a1 Tritanomaly 0.01% of the population

#156ad0 hex color

#156ad0 Color Information

#156ad0 Color Conversion

Color Schemes with #156ad0

Alternatives to #156ad0

#156ad0 Preview

Shades and Tints of #156ad0

Tones of #156ad0

Color Blindness Simulator