#156ff6 hex color

In a RGB color space, hex #156ff6 is composed of 8.2% red, 43.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 54.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 216 degrees, a saturation of 92.6% and a lightness of 52.4%. #156ff6 color hex could be obtained by blending #2adeff with #0000ed. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 44
- B 96
RGB color chart
- C 91
- M 55
- Y 0
- K 4
CMYK color chart

● #156ff6 color description : Vivid blue.

The hexadecimal color #156ff6 has RGB values of R:21, G:111, B:246 and CMYK values of C:0.91, M:0.55, Y:0, K:0.04. Its decimal value is 1404918.

Hex triplet	156ff6	`#156ff6`
RGB Decimal	21, 111, 246	`rgb(21,111,246)`
RGB Percent	8.2, 43.5, 96.5	`rgb(8.2%,43.5%,96.5%)`
CMYK	91, 55, 0, 4
HSL	216°, 92.6, 52.4	`hsl(216,92.6%,52.4%)`
HSV (or HSB)	216°, 91.5, 96.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	49.714, 26.624, -74.049
XYZ	22.625, 18.18, 89.5
xyY	0.174, 0.14, 18.18
CIE-LCH	49.714, 78.69, 289.776
CIE-LUV	49.714, -24.127, -115.128
Hunter-Lab	42.638, 20.098, -94.607
Binary	00010101, 01101111, 11110110

#156ff6
```
#156ff6 rgb(21,111,246)
```
#f69c15
```
#f69c15 rgb(246,156,21)
```

Complementary Color

#15e0f6
```
#15e0f6 rgb(21,224,246)
```
#156ff6
```
#156ff6 rgb(21,111,246)
```
#2b15f6
```
#2b15f6 rgb(43,21,246)
```

Analogous Color

#e0f615
```
#e0f615 rgb(224,246,21)
```
#156ff6
```
#156ff6 rgb(21,111,246)
```
#f62b15
```
#f62b15 rgb(246,43,21)
```

Split Complementary Color

#6ff615
```
#6ff615 rgb(111,246,21)
```
#156ff6
```
#156ff6 rgb(21,111,246)
```
#f6156f
```
#f6156f rgb(246,21,111)
```

Triadic Color

#15f69c
```
#15f69c rgb(21,246,156)
```
#156ff6
```
#156ff6 rgb(21,111,246)
```
#f6156f
```
#f6156f rgb(246,21,111)
```
#f69c15
```
#f69c15 rgb(246,156,21)
```

Tetradic Color

#074eb7
```
#074eb7 rgb(7,78,183)
```
#0858d0
```
#0858d0 rgb(8,88,208)
```
#0962e9
```
#0962e9 rgb(9,98,233)
```
#156ff6
```
#156ff6 rgb(21,111,246)
```
#2e7ef7
```
#2e7ef7 rgb(46,126,247)
```
#468df8
```
#468df8 rgb(70,141,248)
```
#5f9cf9
```
#5f9cf9 rgb(95,156,249)
```

Monochromatic Color

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

#15a7f6
```
#15a7f6 rgb(21,167,246)
```
#1595f6
```
#1595f6 rgb(21,149,246)
```
#1582f6
```
#1582f6 rgb(21,130,246)
```
#156ff6
```
#156ff6 rgb(21,111,246)
```
#155cf6
```
#155cf6 rgb(21,92,246)
```
#154af6
```
#154af6 rgb(21,74,246)
```
#1537f6
```
#1537f6 rgb(21,55,246)
```

Similar Colors

Text with hexadecimal color #156ff6

This text has a font color of #156ff6.

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

#156ff6 background color

This paragraph has a background color of #156ff6.

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

#156ff6 border color

This element has a border color of #156ff6.

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

CSS codes

.text {color:#156ff6;}

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

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

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

#00050c
```
#00050c rgb(0,5,12)
```
#010d1e
```
#010d1e rgb(1,13,30)
```
#021531
```
#021531 rgb(2,21,49)
```
#031d44
```
#031d44 rgb(3,29,68)
```
#032557
```
#032557 rgb(3,37,87)
```
#042d6a
```
#042d6a rgb(4,45,106)
```
#05357d
```
#05357d rgb(5,53,125)
```
#063d90
```
#063d90 rgb(6,61,144)
```
#0645a3
```
#0645a3 rgb(6,69,163)
```
#074db6
```
#074db6 rgb(7,77,182)
```
#0855c8
```
#0855c8 rgb(8,85,200)
```
#085ddb
```
#085ddb rgb(8,93,219)
```
#0965ee
```
#0965ee rgb(9,101,238)
```

Shade Color Variation

#156ff6
```
#156ff6 rgb(21,111,246)
```
#287bf7
```
#287bf7 rgb(40,123,247)
```
#3b86f7
```
#3b86f7 rgb(59,134,247)
```
#4e92f8
```
#4e92f8 rgb(78,146,248)
```
#619df9
```
#619df9 rgb(97,157,249)
```
#73a9fa
```
#73a9fa rgb(115,169,250)
```
#86b5fa
```
#86b5fa rgb(134,181,250)
```
#99c0fb
```
#99c0fb rgb(153,192,251)
```
#acccfc
```
#acccfc rgb(172,204,252)
```
#bfd8fd
```
#bfd8fd rgb(191,216,253)
```
#d2e3fd
```
#d2e3fd rgb(210,227,253)
```
#e5effe
```
#e5effe rgb(229,239,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#858586
```
#858586 rgb(133,133,134)
```
#7c848f
```
#7c848f rgb(124,132,143)
```
#728299
```
#728299 rgb(114,130,153)
```
#6980a2
```
#6980a2 rgb(105,128,162)
```
#607eab
```
#607eab rgb(96,126,171)
```
#567cb5
```
#567cb5 rgb(86,124,181)
```
#4d7abe
```
#4d7abe rgb(77,122,190)
```
#4478c7
```
#4478c7 rgb(68,120,199)
```
#3a76d1
```
#3a76d1 rgb(58,118,209)
```
#3175da
```
#3175da rgb(49,117,218)
```
#2873e3
```
#2873e3 rgb(40,115,227)
```
#1e71ed
```
#1e71ed rgb(30,113,237)
```
#156ff6
```
#156ff6 rgb(21,111,246)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#536580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#0775f0 Protanomaly 1% of men, 0.01% of women
#0779dd Deuteranomaly 6% of men, 0.4% of women
#0780b5 Tritanomaly 0.01% of the population

#156ff6 hex color

#156ff6 Color Information

#156ff6 Color Conversion

Color Schemes with #156ff6

Alternatives to #156ff6

#156ff6 Preview

Shades and Tints of #156ff6

Tones of #156ff6

Color Blindness Simulator