#156ad3 hex color

In a RGB color space, hex #156ad3 is composed of 8.2% red, 41.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 49.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 213.2 degrees, a saturation of 81.9% and a lightness of 45.5%. #156ad3 color hex could be obtained by blending #2ad4ff with #0000a7. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 42
- B 83
RGB color chart
- C 90
- M 50
- Y 0
- K 17
CMYK color chart

● #156ad3 color description : Strong blue.

The hexadecimal color #156ad3 has RGB values of R:21, G:106, B:211 and CMYK values of C:0.9, M:0.5, Y:0, K:0.17. Its decimal value is 1403603.

Hex triplet	156ad3	`#156ad3`
RGB Decimal	21, 106, 211	`rgb(21,106,211)`
RGB Percent	8.2, 41.6, 82.7	`rgb(8.2%,41.6%,82.7%)`
CMYK	90, 50, 0, 17
HSL	213.2°, 81.9, 45.5	`hsl(213.2,81.9%,45.5%)`
HSV (or HSB)	213.2°, 90, 82.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.865, 16.255, -60.56
XYZ	17.219, 15.169, 63.645
xyY	0.179, 0.158, 15.169
CIE-LCH	45.865, 62.704, 285.025
CIE-LUV	45.865, -23.706, -92.412
Hunter-Lab	38.948, 10.756, -69.623
Binary	00010101, 01101010, 11010011

#156ad3
```
#156ad3 rgb(21,106,211)
```
#d37e15
```
#d37e15 rgb(211,126,21)
```

Complementary Color

#15c9d3
```
#15c9d3 rgb(21,201,211)
```
#156ad3
```
#156ad3 rgb(21,106,211)
```
#1f15d3
```
#1f15d3 rgb(31,21,211)
```

Analogous Color

#c9d315
```
#c9d315 rgb(201,211,21)
```
#156ad3
```
#156ad3 rgb(21,106,211)
```
#d31f15
```
#d31f15 rgb(211,31,21)
```

Split Complementary Color

#6ad315
```
#6ad315 rgb(106,211,21)
```
#156ad3
```
#156ad3 rgb(21,106,211)
```
#d3156a
```
#d3156a rgb(211,21,106)
```

Triadic Color

#15d37e
```
#15d37e rgb(21,211,126)
```
#156ad3
```
#156ad3 rgb(21,106,211)
```
#d3156a
```
#d3156a rgb(211,21,106)
```
#d37e15
```
#d37e15 rgb(211,126,21)
```

Tetradic Color

#0e478d
```
#0e478d rgb(14,71,141)
```
#1053a5
```
#1053a5 rgb(16,83,165)
```
#135ebc
```
#135ebc rgb(19,94,188)
```
#156ad3
```
#156ad3 rgb(21,106,211)
```
#1976e8
```
#1976e8 rgb(25,118,232)
```
#3184ea
```
#3184ea rgb(49,132,234)
```
#4892ed
```
#4892ed rgb(72,146,237)
```

Monochromatic Color

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

#159ad3
```
#159ad3 rgb(21,154,211)
```
#158ad3
```
#158ad3 rgb(21,138,211)
```
#157ad3
```
#157ad3 rgb(21,122,211)
```
#156ad3
```
#156ad3 rgb(21,106,211)
```
#155ad3
```
#155ad3 rgb(21,90,211)
```
#154ad3
```
#154ad3 rgb(21,74,211)
```
#153bd3
```
#153bd3 rgb(21,59,211)
```

Similar Colors

Text with hexadecimal color #156ad3

This text has a font color of #156ad3.

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

#156ad3 background color

This paragraph has a background color of #156ad3.

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

#156ad3 border color

This element has a border color of #156ad3.

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

CSS codes

.text {color:#156ad3;}

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

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

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, #01070f is the darkest color, while #fcfdff is the lightest one.

#01070f
```
#01070f rgb(1,7,15)
```
#031021
```
#031021 rgb(3,16,33)
```
#051932
```
#051932 rgb(5,25,50)
```
#072244
```
#072244 rgb(7,34,68)
```
#092b56
```
#092b56 rgb(9,43,86)
```
#0a3468
```
#0a3468 rgb(10,52,104)
```
#0c3d7a
```
#0c3d7a rgb(12,61,122)
```
#0e468c
```
#0e468c rgb(14,70,140)
```
#104f9d
```
#104f9d rgb(16,79,157)
```
#1158af
```
#1158af rgb(17,88,175)
```
#1361c1
```
#1361c1 rgb(19,97,193)
```
#156ad3
```
#156ad3 rgb(21,106,211)
```
#1773e5
```
#1773e5 rgb(23,115,229)
```

Shade Color Variation

#267de9
```
#267de9 rgb(38,125,233)
```
#3888eb
```
#3888eb rgb(56,136,235)
```
#4a93ed
```
#4a93ed rgb(74,147,237)
```
#5b9def
```
#5b9def rgb(91,157,239)
```
#6da8f0
```
#6da8f0 rgb(109,168,240)
```
#7fb3f2
```
#7fb3f2 rgb(127,179,242)
```
#91bdf4
```
#91bdf4 rgb(145,189,244)
```
#a3c8f6
```
#a3c8f6 rgb(163,200,246)
```
#b5d3f8
```
#b5d3f8 rgb(181,211,248)
```
#c6ddf9
```
#c6ddf9 rgb(198,221,249)
```
#d8e8fb
```
#d8e8fb rgb(216,232,251)
```
#eaf3fd
```
#eaf3fd rgb(234,243,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#6e737a
```
#6e737a rgb(110,115,122)
```
#657283
```
#657283 rgb(101,114,131)
```
#5c728c
```
#5c728c rgb(92,114,140)
```
#537195
```
#537195 rgb(83,113,149)
```
#4b709d
```
#4b709d rgb(75,112,157)
```
#426fa6
```
#426fa6 rgb(66,111,166)
```
#396eaf
```
#396eaf rgb(57,110,175)
```
#306db8
```
#306db8 rgb(48,109,184)
```
#276cc1
```
#276cc1 rgb(39,108,193)
```
#1e6bca
```
#1e6bca rgb(30,107,202)
```
#156ad3
```
#156ad3 rgb(21,106,211)
```
#0c69dc
```
#0c69dc rgb(12,105,220)
```
#0368e5
```
#0368e5 rgb(3,104,229)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#4f6075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3070d4 Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#266ed3 Protanomaly 1% of men, 0.01% of women
#0772c8 Deuteranomaly 6% of men, 0.4% of women
#0777a2 Tritanomaly 0.01% of the population

#156ad3 hex color

#156ad3 Color Information

#156ad3 Color Conversion

Color Schemes with #156ad3

Alternatives to #156ad3

#156ad3 Preview

Shades and Tints of #156ad3

Tones of #156ad3

Color Blindness Simulator