#8cb2b8 hex color

In a RGB color space, hex #8cb2b8 is composed of 54.9% red, 69.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 3.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 188.2 degrees, a saturation of 23.7% and a lightness of 63.5%. #8cb2b8 color hex could be obtained by blending #ffffff with #196571. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 55
- G 70
- B 72
RGB color chart
- C 24
- M 3
- Y 0
- K 28
CMYK color chart

● #8cb2b8 color description : Grayish cyan.

The hexadecimal color #8cb2b8 has RGB values of R:140, G:178, B:184 and CMYK values of C:0.24, M:0.03, Y:0, K:0.28. Its decimal value is 9220792.

Hex triplet	8cb2b8	`#8cb2b8`
RGB Decimal	140, 178, 184	`rgb(140,178,184)`
RGB Percent	54.9, 69.8, 72.2	`rgb(54.9%,69.8%,72.2%)`
CMYK	24, 3, 0, 28
HSL	188.2°, 23.7, 63.5	`hsl(188.2,23.7%,63.5%)`
HSV (or HSB)	188.2°, 23.9, 72.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.089, -11.38, -7.268
XYZ	35.385, 40.876, 51.37
xyY	0.277, 0.32, 40.876
CIE-LCH	70.089, 13.503, 212.565
CIE-LUV	70.089, -19.584, -9.104
Hunter-Lab	63.934, -13.091, -2.885
Binary	10001100, 10110010, 10111000

#8cb2b8
```
#8cb2b8 rgb(140,178,184)
```
#b8928c
```
#b8928c rgb(184,146,140)
```

Complementary Color

#8cb8a8
```
#8cb8a8 rgb(140,184,168)
```
#8cb2b8
```
#8cb2b8 rgb(140,178,184)
```
#8c9cb8
```
#8c9cb8 rgb(140,156,184)
```

Analogous Color

#b8a88c
```
#b8a88c rgb(184,168,140)
```
#8cb2b8
```
#8cb2b8 rgb(140,178,184)
```
#b88c9c
```
#b88c9c rgb(184,140,156)
```

Split Complementary Color

#b2b88c
```
#b2b88c rgb(178,184,140)
```
#8cb2b8
```
#8cb2b8 rgb(140,178,184)
```
#b88cb2
```
#b88cb2 rgb(184,140,178)
```

Triadic Color

#8cb892
```
#8cb892 rgb(140,184,146)
```
#8cb2b8
```
#8cb2b8 rgb(140,178,184)
```
#b88cb2
```
#b88cb2 rgb(184,140,178)
```
#b8928c
```
#b8928c rgb(184,146,140)
```

Tetradic Color

#5e9199
```
#5e9199 rgb(94,145,153)
```
#6c9da5
```
#6c9da5 rgb(108,157,165)
```
#7ca7ae
```
#7ca7ae rgb(124,167,174)
```
#8cb2b8
```
#8cb2b8 rgb(140,178,184)
```
#9cbdc2
```
#9cbdc2 rgb(156,189,194)
```
#acc7cb
```
#acc7cb rgb(172,199,203)
```
#bbd2d5
```
#bbd2d5 rgb(187,210,213)
```

Monochromatic Color

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

#8cb8b3
```
#8cb8b3 rgb(140,184,179)
```
#8cb8b7
```
#8cb8b7 rgb(140,184,183)
```
#8cb6b8
```
#8cb6b8 rgb(140,182,184)
```
#8cb2b8
```
#8cb2b8 rgb(140,178,184)
```
#8caeb8
```
#8caeb8 rgb(140,174,184)
```
#8cabb8
```
#8cabb8 rgb(140,171,184)
```
#8ca7b8
```
#8ca7b8 rgb(140,167,184)
```

Similar Colors

Text with hexadecimal color #8cb2b8

This text has a font color of #8cb2b8.

<span style="color:#8cb2b8;">Text here</span>

#8cb2b8 background color

This paragraph has a background color of #8cb2b8.

<p style="background-color:#8cb2b8;">Content here</p>

#8cb2b8 border color

This element has a border color of #8cb2b8.

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

CSS codes

.text {color:#8cb2b8;}

.background {background-color:#8cb2b8;}

.border {border:1px solid #8cb2b8;}

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

#040606
```
#040606 rgb(4,6,6)
```
#0b1112
```
#0b1112 rgb(11,17,18)
```
#131d1f
```
#131d1f rgb(19,29,31)
```
#1a282b
```
#1a282b rgb(26,40,43)
```
#223437
```
#223437 rgb(34,52,55)
```
#293f43
```
#293f43 rgb(41,63,67)
```
#314b4f
```
#314b4f rgb(49,75,79)
```
#38565b
```
#38565b rgb(56,86,91)
```
#406267
```
#406267 rgb(64,98,103)
```
#476d73
```
#476d73 rgb(71,109,115)
```
#4f7980
```
#4f7980 rgb(79,121,128)
```
#56848c
```
#56848c rgb(86,132,140)
```
#5e9098
```
#5e9098 rgb(94,144,152)
```

Shade Color Variation

#689aa2
```
#689aa2 rgb(104,154,162)
```
#74a2a9
```
#74a2a9 rgb(116,162,169)
```
#80aab1
```
#80aab1 rgb(128,170,177)
```
#8cb2b8
```
#8cb2b8 rgb(140,178,184)
```
#98babf
```
#98babf rgb(152,186,191)
```
#a4c2c7
```
#a4c2c7 rgb(164,194,199)
```
#b0cace
```
#b0cace rgb(176,202,206)
```
#bdd2d6
```
#bdd2d6 rgb(189,210,214)
```
#c9dbdd
```
#c9dbdd rgb(201,219,221)
```
#d5e3e5
```
#d5e3e5 rgb(213,227,229)
```
#e1ebec
```
#e1ebec rgb(225,235,236)
```
#edf3f4
```
#edf3f4 rgb(237,243,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#a1a2a3
```
#a1a2a3 rgb(161,162,163)
```
#9aa8aa
```
#9aa8aa rgb(154,168,170)
```
#93adb1
```
#93adb1 rgb(147,173,177)
```
#8cb2b8
```
#8cb2b8 rgb(140,178,184)
```
#85b7bf
```
#85b7bf rgb(133,183,191)
```
#7ebcc6
```
#7ebcc6 rgb(126,188,198)
```
#77c2cd
```
#77c2cd rgb(119,194,205)
```
#6fc7d5
```
#6fc7d5 rgb(111,199,213)
```
#68ccdc
```
#68ccdc rgb(104,204,220)
```
#61d1e3
```
#61d1e3 rgb(97,209,227)
```
#5ad6ea
```
#5ad6ea rgb(90,214,234)
```
#53dcf1
```
#53dcf1 rgb(83,220,241)
```
#4ce1f8
```
#4ce1f8 rgb(76,225,248)
```

Tone Color Variation

Below, you can see how #8cb2b8 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

#a7a7a7 Achromatopsia 0.005% of the population
#a2a9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aeb7 Protanopia 1% of men
#b8abbf Deuteranopia 1% of men
#93b4c2 Tritanopia 0.001% of the population

Trichromacy

#a3afb7 Protanomaly 1% of men, 0.01% of women
#a8adbc Deuteranomaly 6% of men, 0.4% of women
#90b3be Tritanomaly 0.01% of the population

#8cb2b8 hex color

#8cb2b8 Color Information

#8cb2b8 Color Conversion

Color Schemes with #8cb2b8

Alternatives to #8cb2b8

#8cb2b8 Preview

Shades and Tints of #8cb2b8

Tones of #8cb2b8

Color Blindness Simulator