#156c84 hex color

In a RGB color space, hex #156c84 is composed of 8.2% red, 42.4% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 18.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 193 degrees, a saturation of 72.5% and a lightness of 30%. #156c84 color hex could be obtained by blending #2ad8ff with #000009. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 42
- B 52
RGB color chart
- C 84
- M 18
- Y 0
- K 48
CMYK color chart

● #156c84 color description : Dark cyan.

The hexadecimal color #156c84 has RGB values of R:21, G:108, B:132 and CMYK values of C:0.84, M:0.18, Y:0, K:0.48. Its decimal value is 1404036.

Hex triplet	156c84	`#156c84`
RGB Decimal	21, 108, 132	`rgb(21,108,132)`
RGB Percent	8.2, 42.4, 51.8	`rgb(8.2%,42.4%,51.8%)`
CMYK	84, 18, 0, 48
HSL	193°, 72.5, 30	`hsl(193,72.5%,30%)`
HSV (or HSB)	193°, 84.1, 51.8
Web Safe	006699	`#006699`

CIE-LAB	42.077, -15.588, -20.23
XYZ	9.836, 12.55, 23.732
xyY	0.213, 0.272, 12.55
CIE-LCH	42.077, 25.54, 232.384
CIE-LUV	42.077, -28.3, -26.744
Hunter-Lab	35.425, -12.435, -14.922
Binary	00010101, 01101100, 10000100

#156c84
```
#156c84 rgb(21,108,132)
```
#842d15
```
#842d15 rgb(132,45,21)
```

Complementary Color

#158465
```
#158465 rgb(21,132,101)
```
#156c84
```
#156c84 rgb(21,108,132)
```
#153584
```
#153584 rgb(21,53,132)
```

Analogous Color

#846515
```
#846515 rgb(132,101,21)
```
#156c84
```
#156c84 rgb(21,108,132)
```
#841535
```
#841535 rgb(132,21,53)
```

Split Complementary Color

#6c8415
```
#6c8415 rgb(108,132,21)
```
#156c84
```
#156c84 rgb(21,108,132)
```
#84156c
```
#84156c rgb(132,21,108)
```

Triadic Color

#15842d
```
#15842d rgb(21,132,45)
```
#156c84
```
#156c84 rgb(21,108,132)
```
#84156c
```
#84156c rgb(132,21,108)
```
#842d15
```
#842d15 rgb(132,45,21)
```

Tetradic Color

#0b3642
```
#0b3642 rgb(11,54,66)
```
#0e4858
```
#0e4858 rgb(14,72,88)
```
#125a6e
```
#125a6e rgb(18,90,110)
```
#156c84
```
#156c84 rgb(21,108,132)
```
#197e9a
```
#197e9a rgb(25,126,154)
```
#1c90b0
```
#1c90b0 rgb(28,144,176)
```
#20a2c6
```
#20a2c6 rgb(32,162,198)
```

Monochromatic Color

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

#158480
```
#158480 rgb(21,132,128)
```
#157f84
```
#157f84 rgb(21,127,132)
```
#157584
```
#157584 rgb(21,117,132)
```
#156c84
```
#156c84 rgb(21,108,132)
```
#156384
```
#156384 rgb(21,99,132)
```
#155a84
```
#155a84 rgb(21,90,132)
```
#155084
```
#155084 rgb(21,80,132)
```

Similar Colors

Text with hexadecimal color #156c84

This text has a font color of #156c84.

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

#156c84 background color

This paragraph has a background color of #156c84.

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

#156c84 border color

This element has a border color of #156c84.

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

CSS codes

.text {color:#156c84;}

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

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

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, #020b0e is the darkest color, while #fcfefe is the lightest one.

#020b0e
```
#020b0e rgb(2,11,14)
```
#05191e
```
#05191e rgb(5,25,30)
```
#08272f
```
#08272f rgb(8,39,47)
```
#0a3540
```
#0a3540 rgb(10,53,64)
```
#0d4251
```
#0d4251 rgb(13,66,81)
```
#105062
```
#105062 rgb(16,80,98)
```
#125e73
```
#125e73 rgb(18,94,115)
```
#156c84
```
#156c84 rgb(21,108,132)
```
#187a95
```
#187a95 rgb(24,122,149)
```
#1a88a6
```
#1a88a6 rgb(26,136,166)
```
#1d96b7
```
#1d96b7 rgb(29,150,183)
```
#20a3c8
```
#20a3c8 rgb(32,163,200)
```
#22b1d9
```
#22b1d9 rgb(34,177,217)
```

Shade Color Variation

#31b9de
```
#31b9de rgb(49,185,222)
```
#41bee1
```
#41bee1 rgb(65,190,225)
```
#52c4e4
```
#52c4e4 rgb(82,196,228)
```
#63cae6
```
#63cae6 rgb(99,202,230)
```
#74d0e9
```
#74d0e9 rgb(116,208,233)
```
#85d5ec
```
#85d5ec rgb(133,213,236)
```
#96dbee
```
#96dbee rgb(150,219,238)
```
#a7e1f1
```
#a7e1f1 rgb(167,225,241)
```
#b8e7f4
```
#b8e7f4 rgb(184,231,244)
```
#c9edf6
```
#c9edf6 rgb(201,237,246)
```
#daf2f9
```
#daf2f9 rgb(218,242,249)
```
#ebf8fc
```
#ebf8fc rgb(235,248,252)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#4a4e4f
```
#4a4e4f rgb(74,78,79)
```
#445155
```
#445155 rgb(68,81,85)
```
#3e555b
```
#3e555b rgb(62,85,91)
```
#385861
```
#385861 rgb(56,88,97)
```
#325b67
```
#325b67 rgb(50,91,103)
```
#2d5f6c
```
#2d5f6c rgb(45,95,108)
```
#276272
```
#276272 rgb(39,98,114)
```
#216578
```
#216578 rgb(33,101,120)
```
#1b697e
```
#1b697e rgb(27,105,126)
```
#156c84
```
#156c84 rgb(21,108,132)
```
#0f6f8a
```
#0f6f8a rgb(15,111,138)
```
#097390
```
#097390 rgb(9,115,144)
```
#037696
```
#037696 rgb(3,118,150)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#485a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#646a84 Protanopia 1% of men
#606a8e Deuteranopia 1% of men
#00757e Tritanopia 0.001% of the population

Trichromacy

#476a84 Protanomaly 1% of men, 0.01% of women
#446a8a Deuteranomaly 6% of men, 0.4% of women
#077280 Tritanomaly 0.01% of the population

#156c84 hex color

#156c84 Color Information

#156c84 Color Conversion

Color Schemes with #156c84

Alternatives to #156c84

#156c84 Preview

Shades and Tints of #156c84

Tones of #156c84

Color Blindness Simulator