#156cce hex color

In a RGB color space, hex #156cce is composed of 8.2% red, 42.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 47.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 211.8 degrees, a saturation of 81.5% and a lightness of 44.5%. #156cce color hex could be obtained by blending #2ad8ff with #00009d. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 42
- B 81
RGB color chart
- C 90
- M 48
- Y 0
- K 19
CMYK color chart

● #156cce color description : Strong blue.

The hexadecimal color #156cce has RGB values of R:21, G:108, B:206 and CMYK values of C:0.9, M:0.48, Y:0, K:0.19. Its decimal value is 1404110.

Hex triplet	156cce	`#156cce`
RGB Decimal	21, 108, 206	`rgb(21,108,206)`
RGB Percent	8.2, 42.4, 80.8	`rgb(8.2%,42.4%,80.8%)`
CMYK	90, 48, 0, 19
HSL	211.8°, 81.5, 44.5	`hsl(211.8,81.5%,44.5%)`
HSV (or HSB)	211.8°, 89.8, 80.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.095, 13.006, -57.329
XYZ	16.81, 15.339, 60.464
xyY	0.182, 0.166, 15.339
CIE-LCH	46.095, 58.786, 282.782
CIE-LUV	46.095, -24.476, -87.489
Hunter-Lab	39.165, 8.073, -64.117
Binary	00010101, 01101100, 11001110

#156cce
```
#156cce rgb(21,108,206)
```
#ce7715
```
#ce7715 rgb(206,119,21)
```

Complementary Color

#15c9ce
```
#15c9ce rgb(21,201,206)
```
#156cce
```
#156cce rgb(21,108,206)
```
#1a15ce
```
#1a15ce rgb(26,21,206)
```

Analogous Color

#c9ce15
```
#c9ce15 rgb(201,206,21)
```
#156cce
```
#156cce rgb(21,108,206)
```
#ce1a15
```
#ce1a15 rgb(206,26,21)
```

Split Complementary Color

#6cce15
```
#6cce15 rgb(108,206,21)
```
#156cce
```
#156cce rgb(21,108,206)
```
#ce156c
```
#ce156c rgb(206,21,108)
```

Triadic Color

#15ce77
```
#15ce77 rgb(21,206,119)
```
#156cce
```
#156cce rgb(21,108,206)
```
#ce156c
```
#ce156c rgb(206,21,108)
```
#ce7715
```
#ce7715 rgb(206,119,21)
```

Tetradic Color

#0e4889
```
#0e4889 rgb(14,72,137)
```
#1054a0
```
#1054a0 rgb(16,84,160)
```
#1360b7
```
#1360b7 rgb(19,96,183)
```
#156cce
```
#156cce rgb(21,108,206)
```
#1778e5
```
#1778e5 rgb(23,120,229)
```
#2c85ea
```
#2c85ea rgb(44,133,234)
```
#4493ec
```
#4493ec rgb(68,147,236)
```

Monochromatic Color

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

#159ace
```
#159ace rgb(21,154,206)
```
#158bce
```
#158bce rgb(21,139,206)
```
#157bce
```
#157bce rgb(21,123,206)
```
#156cce
```
#156cce rgb(21,108,206)
```
#155dce
```
#155dce rgb(21,93,206)
```
#154dce
```
#154dce rgb(21,77,206)
```
#153ece
```
#153ece rgb(21,62,206)
```

Similar Colors

Text with hexadecimal color #156cce

This text has a font color of #156cce.

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

#156cce background color

This paragraph has a background color of #156cce.

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

#156cce border color

This element has a border color of #156cce.

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

CSS codes

.text {color:#156cce;}

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

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

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, #01050a is the darkest color, while #f7fbfe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#030f1c
```
#030f1c rgb(3,15,28)
```
#05182e
```
#05182e rgb(5,24,46)
```
#062140
```
#062140 rgb(6,33,64)
```
#082b51
```
#082b51 rgb(8,43,81)
```
#0a3463
```
#0a3463 rgb(10,52,99)
```
#0c3d75
```
#0c3d75 rgb(12,61,117)
```
#0e4787
```
#0e4787 rgb(14,71,135)
```
#105099
```
#105099 rgb(16,80,153)
```
#1159aa
```
#1159aa rgb(17,89,170)
```
#1363bc
```
#1363bc rgb(19,99,188)
```
#156cce
```
#156cce rgb(21,108,206)
```
#1775e0
```
#1775e0 rgb(23,117,224)
```

Shade Color Variation

#227fe8
```
#227fe8 rgb(34,127,232)
```
#3489ea
```
#3489ea rgb(52,137,234)
```
#4594ec
```
#4594ec rgb(69,148,236)
```
#579eee
```
#579eee rgb(87,158,238)
```
#69a8f0
```
#69a8f0 rgb(105,168,240)
```
#7bb3f2
```
#7bb3f2 rgb(123,179,242)
```
#8dbdf3
```
#8dbdf3 rgb(141,189,243)
```
#9ec7f5
```
#9ec7f5 rgb(158,199,245)
```
#b0d1f7
```
#b0d1f7 rgb(176,209,247)
```
#c2dcf9
```
#c2dcf9 rgb(194,220,249)
```
#d4e6fb
```
#d4e6fb rgb(212,230,251)
```
#e6f0fc
```
#e6f0fc rgb(230,240,252)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7177 is the less saturated color, while #046bdf is the most saturated one.

#6c7177
```
#6c7177 rgb(108,113,119)
```
#64717f
```
#64717f rgb(100,113,127)
```
#5b7088
```
#5b7088 rgb(91,112,136)
```
#527091
```
#527091 rgb(82,112,145)
```
#496f9a
```
#496f9a rgb(73,111,154)
```
#416fa2
```
#416fa2 rgb(65,111,162)
```
#386eab
```
#386eab rgb(56,110,171)
```
#2f6eb4
```
#2f6eb4 rgb(47,110,180)
```
#266dbd
```
#266dbd rgb(38,109,189)
```
#1e6dc5
```
#1e6dc5 rgb(30,109,197)
```
#156cce
```
#156cce rgb(21,108,206)
```
#0c6bd7
```
#0c6bd7 rgb(12,107,215)
```
#046bdf
```
#046bdf rgb(4,107,223)
```

Tone Color Variation

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

#3c71ce Protanopia 1% of men
#0077c4 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

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

#156cce hex color

#156cce Color Information

#156cce Color Conversion

Color Schemes with #156cce

Alternatives to #156cce

#156cce Preview

Shades and Tints of #156cce

Tones of #156cce

Color Blindness Simulator