#8cc2d1 hex color

In a RGB color space, hex #8cc2d1 is composed of 54.9% red, 76.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 33% cyan, 7.2% magenta, 0% yellow and 18% black. It has a hue angle of 193 degrees, a saturation of 42.9% and a lightness of 68.4%. #8cc2d1 color hex could be obtained by blending #ffffff with #1985a3. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 55
- G 76
- B 82
RGB color chart
- C 33
- M 7
- Y 0
- K 18
CMYK color chart

● #8cc2d1 color description : Slightly desaturated cyan.

The hexadecimal color #8cc2d1 has RGB values of R:140, G:194, B:209 and CMYK values of C:0.33, M:0.07, Y:0, K:0.18. Its decimal value is 9224913.

Hex triplet	8cc2d1	`#8cc2d1`
RGB Decimal	140, 194, 209	`rgb(140,194,209)`
RGB Percent	54.9, 76.1, 82	`rgb(54.9%,76.1%,82%)`
CMYK	33, 7, 0, 18
HSL	193°, 42.9, 68.4	`hsl(193,42.9%,68.4%)`
HSV (or HSB)	193°, 33, 82
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.302, -13.88, -13.148
XYZ	41.613, 48.761, 67.537
xyY	0.264, 0.309, 48.761
CIE-LCH	75.302, 19.119, 223.448
CIE-LUV	75.302, -26.658, -18.14
Hunter-Lab	69.829, -15.828, -8.464
Binary	10001100, 11000010, 11010001

#8cc2d1
```
#8cc2d1 rgb(140,194,209)
```
#d19b8c
```
#d19b8c rgb(209,155,140)
```

Complementary Color

#8cd1be
```
#8cd1be rgb(140,209,190)
```
#8cc2d1
```
#8cc2d1 rgb(140,194,209)
```
#8ca0d1
```
#8ca0d1 rgb(140,160,209)
```

Analogous Color

#d1be8c
```
#d1be8c rgb(209,190,140)
```
#8cc2d1
```
#8cc2d1 rgb(140,194,209)
```
#d18ca0
```
#d18ca0 rgb(209,140,160)
```

Split Complementary Color

#c2d18c
```
#c2d18c rgb(194,209,140)
```
#8cc2d1
```
#8cc2d1 rgb(140,194,209)
```
#d18cc2
```
#d18cc2 rgb(209,140,194)
```

Triadic Color

#8cd19b
```
#8cd19b rgb(140,209,155)
```
#8cc2d1
```
#8cc2d1 rgb(140,194,209)
```
#d18cc2
```
#d18cc2 rgb(209,140,194)
```
#d19b8c
```
#d19b8c rgb(209,155,140)
```

Tetradic Color

#55a5bb
```
#55a5bb rgb(85,165,187)
```
#68afc2
```
#68afc2 rgb(104,175,194)
```
#7ab8ca
```
#7ab8ca rgb(122,184,202)
```
#8cc2d1
```
#8cc2d1 rgb(140,194,209)
```
#9eccd8
```
#9eccd8 rgb(158,204,216)
```
#b0d5e0
```
#b0d5e0 rgb(176,213,224)
```
#c3dfe7
```
#c3dfe7 rgb(195,223,231)
```

Monochromatic Color

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

#8cd1cf
```
#8cd1cf rgb(140,209,207)
```
#8cced1
```
#8cced1 rgb(140,206,209)
```
#8cc8d1
```
#8cc8d1 rgb(140,200,209)
```
#8cc2d1
```
#8cc2d1 rgb(140,194,209)
```
#8cbcd1
```
#8cbcd1 rgb(140,188,209)
```
#8cb7d1
```
#8cb7d1 rgb(140,183,209)
```
#8cb1d1
```
#8cb1d1 rgb(140,177,209)
```

Similar Colors

Text with hexadecimal color #8cc2d1

This text has a font color of #8cc2d1.

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

#8cc2d1 background color

This paragraph has a background color of #8cc2d1.

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

#8cc2d1 border color

This element has a border color of #8cc2d1.

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

CSS codes

.text {color:#8cc2d1;}

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

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

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, #040a0b is the darkest color, while #fcfdfe is the lightest one.

#040a0b
```
#040a0b rgb(4,10,11)
```
#0a1619
```
#0a1619 rgb(10,22,25)
```
#102227
```
#102227 rgb(16,34,39)
```
#152e35
```
#152e35 rgb(21,46,53)
```
#1b3a43
```
#1b3a43 rgb(27,58,67)
```
#204751
```
#204751 rgb(32,71,81)
```
#26535f
```
#26535f rgb(38,83,95)
```
#2c5f6d
```
#2c5f6d rgb(44,95,109)
```
#316b7b
```
#316b7b rgb(49,107,123)
```
#377789
```
#377789 rgb(55,119,137)
```
#3c8397
```
#3c8397 rgb(60,131,151)
```
#4290a5
```
#4290a5 rgb(66,144,165)
```
#489cb3
```
#489cb3 rgb(72,156,179)
```

Shade Color Variation

#54a4bb
```
#54a4bb rgb(84,164,187)
```
#62acc0
```
#62acc0 rgb(98,172,192)
```
#70b3c6
```
#70b3c6 rgb(112,179,198)
```
#7ebbcb
```
#7ebbcb rgb(126,187,203)
```
#8cc2d1
```
#8cc2d1 rgb(140,194,209)
```
#9ac9d7
```
#9ac9d7 rgb(154,201,215)
```
#a8d1dc
```
#a8d1dc rgb(168,209,220)
```
#b6d8e2
```
#b6d8e2 rgb(182,216,226)
```
#c4e0e7
```
#c4e0e7 rgb(196,224,231)
```
#d2e7ed
```
#d2e7ed rgb(210,231,237)
```
#e0eff3
```
#e0eff3 rgb(224,239,243)
```
#eef6f8
```
#eef6f8 rgb(238,246,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#abb1b2
```
#abb1b2 rgb(171,177,178)
```
#a5b4b8
```
#a5b4b8 rgb(165,180,184)
```
#9fb8be
```
#9fb8be rgb(159,184,190)
```
#98bbc5
```
#98bbc5 rgb(152,187,197)
```
#92bfcb
```
#92bfcb rgb(146,191,203)
```
#8cc2d1
```
#8cc2d1 rgb(140,194,209)
```
#86c6d7
```
#86c6d7 rgb(134,198,215)
```
#80c9dd
```
#80c9dd rgb(128,201,221)
```
#79cde4
```
#79cde4 rgb(121,205,228)
```
#73d0ea
```
#73d0ea rgb(115,208,234)
```
#6dd4f0
```
#6dd4f0 rgb(109,212,240)
```
#67d7f6
```
#67d7f6 rgb(103,215,246)
```
#61dbfc
```
#61dbfc rgb(97,219,252)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#acb7ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#babbcd Protanopia 1% of men
#c1b8d7 Deuteranopia 1% of men
#92c5d3 Tritanopia 0.001% of the population

Trichromacy

#a9becf Protanomaly 1% of men, 0.01% of women
#adbcd5 Deuteranomaly 6% of men, 0.4% of women
#8fc4d2 Tritanomaly 0.01% of the population

#8cc2d1 hex color

#8cc2d1 Color Information

#8cc2d1 Color Conversion

Color Schemes with #8cc2d1

Alternatives to #8cc2d1

#8cc2d1 Preview

Shades and Tints of #8cc2d1

Tones of #8cc2d1

Color Blindness Simulator