#156aed hex color

In a RGB color space, hex #156aed is composed of 8.2% red, 41.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 55.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 216.4 degrees, a saturation of 85.7% and a lightness of 50.6%. #156aed color hex could be obtained by blending #2ad4ff with #0000db. 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

● #156aed color description : Vivid blue.

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

Hex triplet	156aed	`#156aed`
RGB Decimal	21, 106, 237	`rgb(21,106,237)`
RGB Percent	8.2, 41.6, 92.9	`rgb(8.2%,41.6%,92.9%)`
CMYK	91, 55, 0, 7
HSL	216.4°, 85.7, 50.6	`hsl(216.4,85.7%,50.6%)`
HSV (or HSB)	216.4°, 91.1, 92.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.727, 26.364, -72.254
XYZ	20.746, 16.58, 82.223
xyY	0.174, 0.139, 16.58
CIE-LCH	47.727, 76.913, 290.046
CIE-LUV	47.727, -22.99, -111.192
Hunter-Lab	40.719, 19.687, -91.221
Binary	00010101, 01101010, 11101101

#156aed
```
#156aed rgb(21,106,237)
```
#ed9815
```
#ed9815 rgb(237,152,21)
```

Complementary Color

#15d6ed
```
#15d6ed rgb(21,214,237)
```
#156aed
```
#156aed rgb(21,106,237)
```
#2c15ed
```
#2c15ed rgb(44,21,237)
```

Analogous Color

#d6ed15
```
#d6ed15 rgb(214,237,21)
```
#156aed
```
#156aed rgb(21,106,237)
```
#ed2c15
```
#ed2c15 rgb(237,44,21)
```

Split Complementary Color

#6aed15
```
#6aed15 rgb(106,237,21)
```
#156aed
```
#156aed rgb(21,106,237)
```
#ed156a
```
#ed156a rgb(237,21,106)
```

Triadic Color

#15ed98
```
#15ed98 rgb(21,237,152)
```
#156aed
```
#156aed rgb(21,106,237)
```
#ed156a
```
#ed156a rgb(237,21,106)
```
#ed9815
```
#ed9815 rgb(237,152,21)
```

Tetradic Color

#0d4aa9
```
#0d4aa9 rgb(13,74,169)
```
#0f55c0
```
#0f55c0 rgb(15,85,192)
```
#115fd8
```
#115fd8 rgb(17,95,216)
```
#156aed
```
#156aed rgb(21,106,237)
```
#2d79ef
```
#2d79ef rgb(45,121,239)
```
#4488f1
```
#4488f1 rgb(68,136,241)
```
#5c97f2
```
#5c97f2 rgb(92,151,242)
```

Monochromatic Color

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

#15a0ed
```
#15a0ed rgb(21,160,237)
```
#158eed
```
#158eed rgb(21,142,237)
```
#157ced
```
#157ced rgb(21,124,237)
```
#156aed
```
#156aed rgb(21,106,237)
```
#1558ed
```
#1558ed rgb(21,88,237)
```
#1546ed
```
#1546ed rgb(21,70,237)
```
#1534ed
```
#1534ed rgb(21,52,237)
```

Similar Colors

Text with hexadecimal color #156aed

This text has a font color of #156aed.

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

#156aed background color

This paragraph has a background color of #156aed.

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

#156aed border color

This element has a border color of #156aed.

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

CSS codes

.text {color:#156aed;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020915
```
#020915 rgb(2,9,21)
```
#031127
```
#031127 rgb(3,17,39)
```
#041939
```
#041939 rgb(4,25,57)
```
#06214c
```
#06214c rgb(6,33,76)
```
#07295e
```
#07295e rgb(7,41,94)
```
#093170
```
#093170 rgb(9,49,112)
```
#0a3982
```
#0a3982 rgb(10,57,130)
```
#0b4195
```
#0b4195 rgb(11,65,149)
```
#0d49a7
```
#0d49a7 rgb(13,73,167)
```
#0e51b9
```
#0e51b9 rgb(14,81,185)
```
#1059cb
```
#1059cb rgb(16,89,203)
```
#1161dd
```
#1161dd rgb(17,97,221)
```

Shade Color Variation

#156aed
```
#156aed rgb(21,106,237)
```
#2776ee
```
#2776ee rgb(39,118,238)
```
#3981f0
```
#3981f0 rgb(57,129,240)
```
#4c8df1
```
#4c8df1 rgb(76,141,241)
```
#5e98f3
```
#5e98f3 rgb(94,152,243)
```
#70a4f4
```
#70a4f4 rgb(112,164,244)
```
#82b0f5
```
#82b0f5 rgb(130,176,245)
```
#95bbf7
```
#95bbf7 rgb(149,187,247)
```
#a7c7f8
```
#a7c7f8 rgb(167,199,248)
```
#b9d2fa
```
#b9d2fa rgb(185,210,250)
```
#cbdefb
```
#cbdefb rgb(203,222,251)
```
#ddeafc
```
#ddeafc rgb(221,234,252)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```

Tint Color Variation

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

#808182
```
#808182 rgb(128,129,130)
```
#767f8c
```
#767f8c rgb(118,127,140)
```
#6c7d96
```
#6c7d96 rgb(108,125,150)
```
#637b9f
```
#637b9f rgb(99,123,159)
```
#5978a9
```
#5978a9 rgb(89,120,169)
```
#4f76b3
```
#4f76b3 rgb(79,118,179)
```
#4574bd
```
#4574bd rgb(69,116,189)
```
#3c72c6
```
#3c72c6 rgb(60,114,198)
```
#3270d0
```
#3270d0 rgb(50,112,208)
```
#286eda
```
#286eda rgb(40,110,218)
```
#1f6ce3
```
#1f6ce3 rgb(31,108,227)
```
#156aed
```
#156aed rgb(21,106,237)
```
#0b68f7
```
#0b68f7 rgb(11,104,247)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#51627c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e5 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

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

#156aed hex color

#156aed Color Information

#156aed Color Conversion

Color Schemes with #156aed

Alternatives to #156aed

#156aed Preview

Shades and Tints of #156aed

Tones of #156aed

Color Blindness Simulator