#8ccdbf hex color

In a RGB color space, hex #8ccdbf is composed of 54.9% red, 80.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 0% magenta, 6.8% yellow and 19.6% black. It has a hue angle of 167.1 degrees, a saturation of 39.4% and a lightness of 67.6%. #8ccdbf color hex could be obtained by blending #ffffff with #199b7f. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 55
- G 80
- B 75
RGB color chart
- C 32
- M 0
- Y 7
- K 20
CMYK color chart

● #8ccdbf color description : Slightly desaturated cyan.

The hexadecimal color #8ccdbf has RGB values of R:140, G:205, B:191 and CMYK values of C:0.32, M:0, Y:0.07, K:0.2. Its decimal value is 9227711.

Hex triplet	8ccdbf	`#8ccdbf`
RGB Decimal	140, 205, 191	`rgb(140,205,191)`
RGB Percent	54.9, 80.4, 74.9	`rgb(54.9%,80.4%,74.9%)`
CMYK	32, 0, 7, 20
HSL	167.1°, 39.4, 67.6	`hsl(167.1,39.4%,67.6%)`
HSV (or HSB)	167.1°, 31.7, 80.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.874, -23.645, 0.379
XYZ	42.048, 52.998, 57.301
xyY	0.276, 0.348, 52.998
CIE-LCH	77.874, 23.648, 179.082
CIE-LUV	77.874, -31.52, 4.482
Hunter-Lab	72.8, -24.3, 4.292
Binary	10001100, 11001101, 10111111

#8ccdbf
```
#8ccdbf rgb(140,205,191)
```
#cd8c9a
```
#cd8c9a rgb(205,140,154)
```

Complementary Color

#8ccd9f
```
#8ccd9f rgb(140,205,159)
```
#8ccdbf
```
#8ccdbf rgb(140,205,191)
```
#8cbbcd
```
#8cbbcd rgb(140,187,205)
```

Analogous Color

#cd9f8c
```
#cd9f8c rgb(205,159,140)
```
#8ccdbf
```
#8ccdbf rgb(140,205,191)
```
#cd8cbb
```
#cd8cbb rgb(205,140,187)
```

Split Complementary Color

#cdbf8c
```
#cdbf8c rgb(205,191,140)
```
#8ccdbf
```
#8ccdbf rgb(140,205,191)
```
#bf8ccd
```
#bf8ccd rgb(191,140,205)
```

Triadic Color

#9acd8c
```
#9acd8c rgb(154,205,140)
```
#8ccdbf
```
#8ccdbf rgb(140,205,191)
```
#bf8ccd
```
#bf8ccd rgb(191,140,205)
```
#cd8c9a
```
#cd8c9a rgb(205,140,154)
```

Tetradic Color

#57b6a1
```
#57b6a1 rgb(87,182,161)
```
#68beab
```
#68beab rgb(104,190,171)
```
#7ac5b5
```
#7ac5b5 rgb(122,197,181)
```
#8ccdbf
```
#8ccdbf rgb(140,205,191)
```
#9ed5c9
```
#9ed5c9 rgb(158,213,201)
```
#b0dcd3
```
#b0dcd3 rgb(176,220,211)
```
#c1e4dd
```
#c1e4dd rgb(193,228,221)
```

Monochromatic Color

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

#8ccdaf
```
#8ccdaf rgb(140,205,175)
```
#8ccdb4
```
#8ccdb4 rgb(140,205,180)
```
#8ccdba
```
#8ccdba rgb(140,205,186)
```
#8ccdbf
```
#8ccdbf rgb(140,205,191)
```
#8ccdc4
```
#8ccdc4 rgb(140,205,196)
```
#8ccdca
```
#8ccdca rgb(140,205,202)
```
#8ccbcd
```
#8ccbcd rgb(140,203,205)
```

Similar Colors

Text with hexadecimal color #8ccdbf

This text has a font color of #8ccdbf.

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

#8ccdbf background color

This paragraph has a background color of #8ccdbf.

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

#8ccdbf border color

This element has a border color of #8ccdbf.

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

CSS codes

.text {color:#8ccdbf;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#091613
```
#091613 rgb(9,22,19)
```
#0f231f
```
#0f231f rgb(15,35,31)
```
#15312b
```
#15312b rgb(21,49,43)
```
#1b3f37
```
#1b3f37 rgb(27,63,55)
```
#214c43
```
#214c43 rgb(33,76,67)
```
#275a4f
```
#275a4f rgb(39,90,79)
```
#2d685b
```
#2d685b rgb(45,104,91)
```
#337567
```
#337567 rgb(51,117,103)
```
#398373
```
#398373 rgb(57,131,115)
```
#3f917f
```
#3f917f rgb(63,145,127)
```
#459e8b
```
#459e8b rgb(69,158,139)
```
#4bac97
```
#4bac97 rgb(75,172,151)
```

Shade Color Variation

#55b5a1
```
#55b5a1 rgb(85,181,161)
```
#63bba8
```
#63bba8 rgb(99,187,168)
```
#71c1b0
```
#71c1b0 rgb(113,193,176)
```
#7ec7b7
```
#7ec7b7 rgb(126,199,183)
```
#8ccdbf
```
#8ccdbf rgb(140,205,191)
```
#9ad3c7
```
#9ad3c7 rgb(154,211,199)
```
#a7d9ce
```
#a7d9ce rgb(167,217,206)
```
#b5dfd6
```
#b5dfd6 rgb(181,223,214)
```
#c3e5dd
```
#c3e5dd rgb(195,229,221)
```
#d0ebe5
```
#d0ebe5 rgb(208,235,229)
```
#def1ed
```
#def1ed rgb(222,241,237)
```
#ecf7f4
```
#ecf7f4 rgb(236,247,244)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#acadad
```
#acadad rgb(172,173,173)
```
#a5b4b1
```
#a5b4b1 rgb(165,180,177)
```
#9fbab4
```
#9fbab4 rgb(159,186,180)
```
#99c0b8
```
#99c0b8 rgb(153,192,184)
```
#92c7bb
```
#92c7bb rgb(146,199,187)
```
#8ccdbf
```
#8ccdbf rgb(140,205,191)
```
#86d3c3
```
#86d3c3 rgb(134,211,195)
```
#7fdac6
```
#7fdac6 rgb(127,218,198)
```
#79e0ca
```
#79e0ca rgb(121,224,202)
```
#73e6cd
```
#73e6cd rgb(115,230,205)
```
#6cedd1
```
#6cedd1 rgb(108,237,209)
```
#66f3d5
```
#66f3d5 rgb(102,243,213)
```
#60f9d8
```
#60f9d8 rgb(96,249,216)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#afbcb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c2bb Protanopia 1% of men
#d3bec8 Deuteranopia 1% of men
#98cbda Tritanopia 0.001% of the population

Trichromacy

#b2c6bc Protanomaly 1% of men, 0.01% of women
#b9c3c4 Deuteranomaly 6% of men, 0.4% of women
#94ccd0 Tritanomaly 0.01% of the population

#8ccdbf hex color

#8ccdbf Color Information

#8ccdbf Color Conversion

Color Schemes with #8ccdbf

Alternatives to #8ccdbf

#8ccdbf Preview

Shades and Tints of #8ccdbf

Tones of #8ccdbf

Color Blindness Simulator