#156af7 hex color

In a RGB color space, hex #156af7 is composed of 8.2% red, 41.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 57.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 217.4 degrees, a saturation of 93.4% and a lightness of 52.5%. #156af7 color hex could be obtained by blending #2ad4ff with #0000ef. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 42
- B 97
RGB color chart
- C 91
- M 57
- Y 0
- K 3
CMYK color chart

● #156af7 color description : Vivid blue.

The hexadecimal color #156af7 has RGB values of R:21, G:106, B:247 and CMYK values of C:0.91, M:0.57, Y:0, K:0.03. Its decimal value is 1403639.

Hex triplet	156af7	`#156af7`
RGB Decimal	21, 106, 247	`rgb(21,106,247)`
RGB Percent	8.2, 41.6, 96.9	`rgb(8.2%,41.6%,96.9%)`
CMYK	91, 57, 0, 3
HSL	217.4°, 93.4, 52.5	`hsl(217.4,93.4%,52.5%)`
HSV (or HSB)	217.4°, 91.5, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.487, 30.183, -76.605
XYZ	22.248, 17.181, 90.134
xyY	0.172, 0.133, 17.181
CIE-LCH	48.487, 82.337, 291.505
CIE-LUV	48.487, -22.782, -118.112
Hunter-Lab	41.45, 23.272, -99.913
Binary	00010101, 01101010, 11110111

#156af7
```
#156af7 rgb(21,106,247)
```
#f7a215
```
#f7a215 rgb(247,162,21)
```

Complementary Color

#15dbf7
```
#15dbf7 rgb(21,219,247)
```
#156af7
```
#156af7 rgb(21,106,247)
```
#3115f7
```
#3115f7 rgb(49,21,247)
```

Analogous Color

#dbf715
```
#dbf715 rgb(219,247,21)
```
#156af7
```
#156af7 rgb(21,106,247)
```
#f73115
```
#f73115 rgb(247,49,21)
```

Split Complementary Color

#6af715
```
#6af715 rgb(106,247,21)
```
#156af7
```
#156af7 rgb(21,106,247)
```
#f7156a
```
#f7156a rgb(247,21,106)
```

Triadic Color

#15f7a2
```
#15f7a2 rgb(21,247,162)
```
#156af7
```
#156af7 rgb(21,106,247)
```
#f7156a
```
#f7156a rgb(247,21,106)
```
#f7a215
```
#f7a215 rgb(247,162,21)
```

Tetradic Color

#064ab9
```
#064ab9 rgb(6,74,185)
```
#0753d2
```
#0753d2 rgb(7,83,210)
```
#085dea
```
#085dea rgb(8,93,234)
```
#156af7
```
#156af7 rgb(21,106,247)
```
#2e7af8
```
#2e7af8 rgb(46,122,248)
```
#4689f9
```
#4689f9 rgb(70,137,249)
```
#5f99fa
```
#5f99fa rgb(95,153,250)
```

Monochromatic Color

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

#15a3f7
```
#15a3f7 rgb(21,163,247)
```
#1590f7
```
#1590f7 rgb(21,144,247)
```
#157df7
```
#157df7 rgb(21,125,247)
```
#156af7
```
#156af7 rgb(21,106,247)
```
#1557f7
```
#1557f7 rgb(21,87,247)
```
#1544f7
```
#1544f7 rgb(21,68,247)
```
#1532f7
```
#1532f7 rgb(21,50,247)
```

Similar Colors

Text with hexadecimal color #156af7

This text has a font color of #156af7.

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

#156af7 background color

This paragraph has a background color of #156af7.

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

#156af7 border color

This element has a border color of #156af7.

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

CSS codes

.text {color:#156af7;}

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

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

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, #00050d is the darkest color, while #f9fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#010d20
```
#010d20 rgb(1,13,32)
```
#021433
```
#021433 rgb(2,20,51)
```
#021c45
```
#021c45 rgb(2,28,69)
```
#032358
```
#032358 rgb(3,35,88)
```
#042b6b
```
#042b6b rgb(4,43,107)
```
#04327e
```
#04327e rgb(4,50,126)
```
#053a91
```
#053a91 rgb(5,58,145)
```
#0641a4
```
#0641a4 rgb(6,65,164)
```
#0649b7
```
#0649b7 rgb(6,73,183)
```
#0750ca
```
#0750ca rgb(7,80,202)
```
#0858dd
```
#0858dd rgb(8,88,221)
```
#085ff0
```
#085ff0 rgb(8,95,240)
```

Shade Color Variation

#156af7
```
#156af7 rgb(21,106,247)
```
#2876f8
```
#2876f8 rgb(40,118,248)
```
#3b82f8
```
#3b82f8 rgb(59,130,248)
```
#4e8ef9
```
#4e8ef9 rgb(78,142,249)
```
#619afa
```
#619afa rgb(97,154,250)
```
#74a6fa
```
#74a6fa rgb(116,166,250)
```
#87b2fb
```
#87b2fb rgb(135,178,251)
```
#9abffc
```
#9abffc rgb(154,191,252)
```
#adcbfc
```
#adcbfc rgb(173,203,252)
```
#c0d7fd
```
#c0d7fd rgb(192,215,253)
```
#d3e3fd
```
#d3e3fd rgb(211,227,253)
```
#e6effe
```
#e6effe rgb(230,239,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#858687
```
#858687 rgb(133,134,135)
```
#7b8391
```
#7b8391 rgb(123,131,145)
```
#72819a
```
#72819a rgb(114,129,154)
```
#697fa3
```
#697fa3 rgb(105,127,163)
```
#5f7cad
```
#5f7cad rgb(95,124,173)
```
#567ab6
```
#567ab6 rgb(86,122,182)
```
#4d78bf
```
#4d78bf rgb(77,120,191)
```
#4476c8
```
#4476c8 rgb(68,118,200)
```
#3a73d2
```
#3a73d2 rgb(58,115,210)
```
#3171db
```
#3171db rgb(49,113,219)
```
#286fe4
```
#286fe4 rgb(40,111,228)
```
#1e6cee
```
#1e6cee rgb(30,108,238)
```
#156af7
```
#156af7 rgb(21,106,247)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#52637f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#0772ed Protanomaly 1% of men, 0.01% of women
#0776da Deuteranomaly 6% of men, 0.4% of women
#077cb3 Tritanomaly 0.01% of the population

#156af7 hex color

#156af7 Color Information

#156af7 Color Conversion

Color Schemes with #156af7

Alternatives to #156af7

#156af7 Preview

Shades and Tints of #156af7

Tones of #156af7

Color Blindness Simulator