#8fd8dc hex color

In a RGB color space, hex #8fd8dc is composed of 56.1% red, 84.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 1.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 183.1 degrees, a saturation of 52.4% and a lightness of 71.2%. #8fd8dc color hex could be obtained by blending #ffffff with #1fb1b9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 56
- G 85
- B 86
RGB color chart
- C 35
- M 2
- Y 0
- K 14
CMYK color chart

● #8fd8dc color description : Very soft cyan.

The hexadecimal color #8fd8dc has RGB values of R:143, G:216, B:220 and CMYK values of C:0.35, M:0.02, Y:0, K:0.14. Its decimal value is 9427164.

Hex triplet	8fd8dc	`#8fd8dc`
RGB Decimal	143, 216, 220	`rgb(143,216,220)`
RGB Percent	56.1, 84.7, 86.3	`rgb(56.1%,84.7%,86.3%)`
CMYK	35, 2, 0, 14
HSL	183.1°, 52.4, 71.2	`hsl(183.1,52.4%,71.2%)`
HSV (or HSB)	183.1°, 35, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.901, -21.621, -9.189
XYZ	48.798, 60.116, 76.738
xyY	0.263, 0.324, 60.116
CIE-LCH	81.901, 23.492, 203.025
CIE-LUV	81.901, -34.633, -10.771
Hunter-Lab	77.535, -23.342, -4.407
Binary	10001111, 11011000, 11011100

#8fd8dc
```
#8fd8dc rgb(143,216,220)
```
#dc938f
```
#dc938f rgb(220,147,143)
```

Complementary Color

#8fdcba
```
#8fdcba rgb(143,220,186)
```
#8fd8dc
```
#8fd8dc rgb(143,216,220)
```
#8fb2dc
```
#8fb2dc rgb(143,178,220)
```

Analogous Color

#dcba8f
```
#dcba8f rgb(220,186,143)
```
#8fd8dc
```
#8fd8dc rgb(143,216,220)
```
#dc8fb2
```
#dc8fb2 rgb(220,143,178)
```

Split Complementary Color

#d8dc8f
```
#d8dc8f rgb(216,220,143)
```
#8fd8dc
```
#8fd8dc rgb(143,216,220)
```
#dc8fd8
```
#dc8fd8 rgb(220,143,216)
```

Triadic Color

#8fdc93
```
#8fdc93 rgb(143,220,147)
```
#8fd8dc
```
#8fd8dc rgb(143,216,220)
```
#dc8fd8
```
#dc8fd8 rgb(220,143,216)
```
#dc938f
```
#dc938f rgb(220,147,143)
```

Tetradic Color

#55c4ca
```
#55c4ca rgb(85,196,202)
```
#68cad0
```
#68cad0 rgb(104,202,208)
```
#7cd1d6
```
#7cd1d6 rgb(124,209,214)
```
#8fd8dc
```
#8fd8dc rgb(143,216,220)
```
#a2dfe2
```
#a2dfe2 rgb(162,223,226)
```
#b6e6e8
```
#b6e6e8 rgb(182,230,232)
```
#c9ecee
```
#c9ecee rgb(201,236,238)
```

Monochromatic Color

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

#8fdccd
```
#8fdccd rgb(143,220,205)
```
#8fdcd3
```
#8fdcd3 rgb(143,220,211)
```
#8fdcda
```
#8fdcda rgb(143,220,218)
```
#8fd8dc
```
#8fd8dc rgb(143,216,220)
```
#8fd2dc
```
#8fd2dc rgb(143,210,220)
```
#8fcbdc
```
#8fcbdc rgb(143,203,220)
```
#8fc5dc
```
#8fc5dc rgb(143,197,220)
```

Similar Colors

Text with hexadecimal color #8fd8dc

This text has a font color of #8fd8dc.

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

#8fd8dc background color

This paragraph has a background color of #8fd8dc.

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

#8fd8dc border color

This element has a border color of #8fd8dc.

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

CSS codes

.text {color:#8fd8dc;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#071617
```
#071617 rgb(7,22,23)
```
#0c2425
```
#0c2425 rgb(12,36,37)
```
#103334
```
#103334 rgb(16,51,52)
```
#154143
```
#154143 rgb(21,65,67)
```
#1a4f52
```
#1a4f52 rgb(26,79,82)
```
#1e5e61
```
#1e5e61 rgb(30,94,97)
```
#236c70
```
#236c70 rgb(35,108,112)
```
#287b7f
```
#287b7f rgb(40,123,127)
```
#2c898e
```
#2c898e rgb(44,137,142)
```
#31979d
```
#31979d rgb(49,151,157)
```
#36a6ac
```
#36a6ac rgb(54,166,172)
```
#3ab4bb
```
#3ab4bb rgb(58,180,187)
```

Shade Color Variation

#44bec5
```
#44bec5 rgb(68,190,197)
```
#53c3c9
```
#53c3c9 rgb(83,195,201)
```
#62c8ce
```
#62c8ce rgb(98,200,206)
```
#71ced3
```
#71ced3 rgb(113,206,211)
```
#80d3d7
```
#80d3d7 rgb(128,211,215)
```
#8fd8dc
```
#8fd8dc rgb(143,216,220)
```
#9edde1
```
#9edde1 rgb(158,221,225)
```
#ade2e5
```
#ade2e5 rgb(173,226,229)
```
#bce8ea
```
#bce8ea rgb(188,232,234)
```
#cbedef
```
#cbedef rgb(203,237,239)
```
#daf2f3
```
#daf2f3 rgb(218,242,243)
```
#e9f7f8
```
#e9f7f8 rgb(233,247,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#b1baba
```
#b1baba rgb(177,186,186)
```
#abbfc0
```
#abbfc0 rgb(171,191,192)
```
#a6c4c5
```
#a6c4c5 rgb(166,196,197)
```
#a0c9cb
```
#a0c9cb rgb(160,201,203)
```
#9aced1
```
#9aced1 rgb(154,206,209)
```
#95d3d6
```
#95d3d6 rgb(149,211,214)
```
#8fd8dc
```
#8fd8dc rgb(143,216,220)
```
#89dde2
```
#89dde2 rgb(137,221,226)
```
#84e2e7
```
#84e2e7 rgb(132,226,231)
```
#7ee7ed
```
#7ee7ed rgb(126,231,237)
```
#78ecf3
```
#78ecf3 rgb(120,236,243)
```
#73f1f8
```
#73f1f8 rgb(115,241,248)
```
#6df6fe
```
#6df6fe rgb(109,246,254)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#b9c7c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcdd6 Protanopia 1% of men
#d6c9e3 Deuteranopia 1% of men
#98d8e8 Tritanopia 0.001% of the population

Trichromacy

#b7d1d8 Protanomaly 1% of men, 0.01% of women
#bccee0 Deuteranomaly 6% of men, 0.4% of women
#94d8e3 Tritanomaly 0.01% of the population

#8fd8dc hex color

#8fd8dc Color Information

#8fd8dc Color Conversion

Color Schemes with #8fd8dc

Alternatives to #8fd8dc

#8fd8dc Preview

Shades and Tints of #8fd8dc

Tones of #8fd8dc

Color Blindness Simulator