#156bd0 hex color

In a RGB color space, hex #156bd0 is composed of 8.2% red, 42% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 48.6% magenta, 0% yellow and 18.4% black. It has a hue angle of 212.4 degrees, a saturation of 81.7% and a lightness of 44.9%. #156bd0 color hex could be obtained by blending #2ad6ff 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

● #156bd0 color description : Strong blue.

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

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

CIE-LAB	45.944, 14.434, -58.718
XYZ	16.95, 15.227, 61.717
xyY	0.181, 0.162, 15.227
CIE-LCH	45.944, 60.466, 283.81
CIE-LUV	45.944, -24.104, -89.592
Hunter-Lab	39.022, 9.243, -66.456
Binary	00010101, 01101011, 11010000

#156bd0
```
#156bd0 rgb(21,107,208)
```
#d07a15
```
#d07a15 rgb(208,122,21)
```

Complementary Color

#15c9d0
```
#15c9d0 rgb(21,201,208)
```
#156bd0
```
#156bd0 rgb(21,107,208)
```
#1c15d0
```
#1c15d0 rgb(28,21,208)
```

Analogous Color

#c9d015
```
#c9d015 rgb(201,208,21)
```
#156bd0
```
#156bd0 rgb(21,107,208)
```
#d01c15
```
#d01c15 rgb(208,28,21)
```

Split Complementary Color

#6bd015
```
#6bd015 rgb(107,208,21)
```
#156bd0
```
#156bd0 rgb(21,107,208)
```
#d0156b
```
#d0156b rgb(208,21,107)
```

Triadic Color

#15d07a
```
#15d07a rgb(21,208,122)
```
#156bd0
```
#156bd0 rgb(21,107,208)
```
#d0156b
```
#d0156b rgb(208,21,107)
```
#d07a15
```
#d07a15 rgb(208,122,21)
```

Tetradic Color

#0e478b
```
#0e478b rgb(14,71,139)
```
#1053a2
```
#1053a2 rgb(16,83,162)
```
#135fb9
```
#135fb9 rgb(19,95,185)
```
#156bd0
```
#156bd0 rgb(21,107,208)
```
#1777e7
```
#1777e7 rgb(23,119,231)
```
#2e84ea
```
#2e84ea rgb(46,132,234)
```
#4592ec
```
#4592ec rgb(69,146,236)
```

Monochromatic Color

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

#159ad0
```
#159ad0 rgb(21,154,208)
```
#158ad0
```
#158ad0 rgb(21,138,208)
```
#157bd0
```
#157bd0 rgb(21,123,208)
```
#156bd0
```
#156bd0 rgb(21,107,208)
```
#155bd0
```
#155bd0 rgb(21,91,208)
```
#154cd0
```
#154cd0 rgb(21,76,208)
```
#153cd0
```
#153cd0 rgb(21,60,208)
```

Similar Colors

Text with hexadecimal color #156bd0

This text has a font color of #156bd0.

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

#156bd0 background color

This paragraph has a background color of #156bd0.

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

#156bd0 border color

This element has a border color of #156bd0.

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

CSS codes

.text {color:#156bd0;}

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

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

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)
```
#051930
```
#051930 rgb(5,25,48)
```
#072241
```
#072241 rgb(7,34,65)
```
#082b53
```
#082b53 rgb(8,43,83)
```
#0a3465
```
#0a3465 rgb(10,52,101)
```
#0c3d77
```
#0c3d77 rgb(12,61,119)
```
#0e4689
```
#0e4689 rgb(14,70,137)
```
#10509b
```
#10509b rgb(16,80,155)
```
#1159ac
```
#1159ac rgb(17,89,172)
```
#1362be
```
#1362be rgb(19,98,190)
```
#156bd0
```
#156bd0 rgb(21,107,208)
```
#1774e2
```
#1774e2 rgb(23,116,226)
```

Shade Color Variation

#237ee9
```
#237ee9 rgb(35,126,233)
```
#3589eb
```
#3589eb rgb(53,137,235)
```
#4793ec
```
#4793ec rgb(71,147,236)
```
#599eee
```
#599eee rgb(89,158,238)
```
#6ba8f0
```
#6ba8f0 rgb(107,168,240)
```
#7cb2f2
```
#7cb2f2 rgb(124,178,242)
```
#8ebdf4
```
#8ebdf4 rgb(142,189,244)
```
#a0c7f5
```
#a0c7f5 rgb(160,199,245)
```
#b2d2f7
```
#b2d2f7 rgb(178,210,247)
```
#c4dcf9
```
#c4dcf9 rgb(196,220,249)
```
#d6e7fb
```
#d6e7fb rgb(214,231,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 #036ae2 is the most saturated one.

#6d7278
```
#6d7278 rgb(109,114,120)
```
#647181
```
#647181 rgb(100,113,129)
```
#5b718a
```
#5b718a rgb(91,113,138)
```
#537092
```
#537092 rgb(83,112,146)
```
#4a6f9b
```
#4a6f9b rgb(74,111,155)
```
#416fa4
```
#416fa4 rgb(65,111,164)
```
#386ead
```
#386ead rgb(56,110,173)
```
#2f6db6
```
#2f6db6 rgb(47,109,182)
```
#276cbe
```
#276cbe rgb(39,108,190)
```
#1e6cc7
```
#1e6cc7 rgb(30,108,199)
```
#156bd0
```
#156bd0 rgb(21,107,208)
```
#0c6ad9
```
#0c6ad9 rgb(12,106,217)
```
#036ae2
```
#036ae2 rgb(3,106,226)
```

Tone Color Variation

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

Dichromacy

#3771d1 Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#2b6ed0 Protanomaly 1% of men, 0.01% of women
#0772c7 Deuteranomaly 6% of men, 0.4% of women
#0778a1 Tritanomaly 0.01% of the population

#156bd0 hex color

#156bd0 Color Information

#156bd0 Color Conversion

Color Schemes with #156bd0

Alternatives to #156bd0

#156bd0 Preview

Shades and Tints of #156bd0

Tones of #156bd0

Color Blindness Simulator