#156aec hex color

In a RGB color space, hex #156aec is composed of 8.2% red, 41.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 55.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 216.3 degrees, a saturation of 85% and a lightness of 50.4%. #156aec color hex could be obtained by blending #2ad4ff with #0000d9. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 42
- B 93
RGB color chart
- C 91
- M 55
- Y 0
- K 7
CMYK color chart

● #156aec color description : Vivid blue.

The hexadecimal color #156aec has RGB values of R:21, G:106, B:236 and CMYK values of C:0.91, M:0.55, Y:0, K:0.07. Its decimal value is 1403628.

Hex triplet	156aec	`#156aec`
RGB Decimal	21, 106, 236	`rgb(21,106,236)`
RGB Percent	8.2, 41.6, 92.5	`rgb(8.2%,41.6%,92.5%)`
CMYK	91, 55, 0, 7
HSL	216.3°, 85, 50.4	`hsl(216.3,85%,50.4%)`
HSV (or HSB)	216.3°, 91.1, 92.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.652, 25.98, -71.814
XYZ	20.6, 16.522, 81.456
xyY	0.174, 0.139, 16.522
CIE-LCH	47.652, 76.369, 289.888
CIE-LUV	47.652, -23.013, -110.491
Hunter-Lab	40.647, 19.333, -90.362
Binary	00010101, 01101010, 11101100

#156aec
```
#156aec rgb(21,106,236)
```
#ec9715
```
#ec9715 rgb(236,151,21)
```

Complementary Color

#15d6ec
```
#15d6ec rgb(21,214,236)
```
#156aec
```
#156aec rgb(21,106,236)
```
#2c15ec
```
#2c15ec rgb(44,21,236)
```

Analogous Color

#d6ec15
```
#d6ec15 rgb(214,236,21)
```
#156aec
```
#156aec rgb(21,106,236)
```
#ec2c15
```
#ec2c15 rgb(236,44,21)
```

Split Complementary Color

#6aec15
```
#6aec15 rgb(106,236,21)
```
#156aec
```
#156aec rgb(21,106,236)
```
#ec156a
```
#ec156a rgb(236,21,106)
```

Triadic Color

#15ec97
```
#15ec97 rgb(21,236,151)
```
#156aec
```
#156aec rgb(21,106,236)
```
#ec156a
```
#ec156a rgb(236,21,106)
```
#ec9715
```
#ec9715 rgb(236,151,21)
```

Tetradic Color

#0e4aa7
```
#0e4aa7 rgb(14,74,167)
```
#0f55bf
```
#0f55bf rgb(15,85,191)
```
#115fd6
```
#115fd6 rgb(17,95,214)
```
#156aec
```
#156aec rgb(21,106,236)
```
#2d79ee
```
#2d79ee rgb(45,121,238)
```
#4488f0
```
#4488f0 rgb(68,136,240)
```
#5c97f2
```
#5c97f2 rgb(92,151,242)
```

Monochromatic Color

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

#15a0ec
```
#15a0ec rgb(21,160,236)
```
#158eec
```
#158eec rgb(21,142,236)
```
#157cec
```
#157cec rgb(21,124,236)
```
#156aec
```
#156aec rgb(21,106,236)
```
#1558ec
```
#1558ec rgb(21,88,236)
```
#1546ec
```
#1546ec rgb(21,70,236)
```
#1534ec
```
#1534ec rgb(21,52,236)
```

Similar Colors

Text with hexadecimal color #156aec

This text has a font color of #156aec.

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

#156aec background color

This paragraph has a background color of #156aec.

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

#156aec border color

This element has a border color of #156aec.

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

CSS codes

.text {color:#156aec;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020914
```
#020914 rgb(2,9,20)
```
#031126
```
#031126 rgb(3,17,38)
```
#051938
```
#051938 rgb(5,25,56)
```
#06214a
```
#06214a rgb(6,33,74)
```
#08295d
```
#08295d rgb(8,41,93)
```
#09316f
```
#09316f rgb(9,49,111)
```
#0a3981
```
#0a3981 rgb(10,57,129)
```
#0c4193
```
#0c4193 rgb(12,65,147)
```
#0d49a5
```
#0d49a5 rgb(13,73,165)
```
#0f51b7
```
#0f51b7 rgb(15,81,183)
```
#105ac9
```
#105ac9 rgb(16,90,201)
```
#1262dc
```
#1262dc rgb(18,98,220)
```

Shade Color Variation

#156aec
```
#156aec rgb(21,106,236)
```
#2776ed
```
#2776ed rgb(39,118,237)
```
#3981ef
```
#3981ef rgb(57,129,239)
```
#4b8df0
```
#4b8df0 rgb(75,141,240)
```
#5e98f2
```
#5e98f2 rgb(94,152,242)
```
#70a4f3
```
#70a4f3 rgb(112,164,243)
```
#82aff5
```
#82aff5 rgb(130,175,245)
```
#94bbf6
```
#94bbf6 rgb(148,187,246)
```
#a6c6f8
```
#a6c6f8 rgb(166,198,248)
```
#b8d2f9
```
#b8d2f9 rgb(184,210,249)
```
#cadefb
```
#cadefb rgb(202,222,251)
```
#dde9fc
```
#dde9fc rgb(221,233,252)
```
#eff5fe
```
#eff5fe rgb(239,245,254)
```

Tint Color Variation

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

#808081
```
#808081 rgb(128,128,129)
```
#767e8b
```
#767e8b rgb(118,126,139)
```
#6d7c94
```
#6d7c94 rgb(109,124,148)
```
#637a9e
```
#637a9e rgb(99,122,158)
```
#5978a8
```
#5978a8 rgb(89,120,168)
```
#4f76b2
```
#4f76b2 rgb(79,118,178)
```
#4674bb
```
#4674bb rgb(70,116,187)
```
#3c72c5
```
#3c72c5 rgb(60,114,197)
```
#3270cf
```
#3270cf rgb(50,112,207)
```
#286ed9
```
#286ed9 rgb(40,110,217)
```
#1f6ce2
```
#1f6ce2 rgb(31,108,226)
```
#156aec
```
#156aec rgb(21,106,236)
```
#0b68f6
```
#0b68f6 rgb(11,104,246)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#50617b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0770e7 Protanomaly 1% of men, 0.01% of women
#0774d5 Deuteranomaly 6% of men, 0.4% of women
#077aae Tritanomaly 0.01% of the population

#156aec hex color

#156aec Color Information

#156aec Color Conversion

Color Schemes with #156aec

Alternatives to #156aec

#156aec Preview

Shades and Tints of #156aec

Tones of #156aec

Color Blindness Simulator