#9cf5dc hex color

In a RGB color space, hex #9cf5dc is composed of 61.2% red, 96.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 0% magenta, 10.2% yellow and 3.9% black. It has a hue angle of 163.1 degrees, a saturation of 81.7% and a lightness of 78.6%. #9cf5dc color hex could be obtained by blending #ffffff with #39ebb9. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 61
- G 96
- B 86
RGB color chart
- C 36
- M 0
- Y 10
- K 4
CMYK color chart

● #9cf5dc color description : Very soft cyan - lime green.

The hexadecimal color #9cf5dc has RGB values of R:156, G:245, B:220 and CMYK values of C:0.36, M:0, Y:0.1, K:0.04. Its decimal value is 10286556.

Hex triplet	9cf5dc	`#9cf5dc`
RGB Decimal	156, 245, 220	`rgb(156,245,220)`
RGB Percent	61.2, 96.1, 86.3	`rgb(61.2%,96.1%,86.3%)`
CMYK	36, 0, 10, 4
HSL	163.1°, 81.7, 78.6	`hsl(163.1,81.7%,78.6%)`
HSV (or HSB)	163.1°, 36.3, 96.1
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	90.568, -32.157, 3.608
XYZ	59.277, 77.537, 79.549
xyY	0.274, 0.358, 77.537
CIE-LCH	90.568, 32.359, 173.599
CIE-LUV	90.568, -41.85, 10.963
Hunter-Lab	88.055, -33.933, 8.076
Binary	10011100, 11110101, 11011100

#9cf5dc
```
#9cf5dc rgb(156,245,220)
```
#f59cb5
```
#f59cb5 rgb(245,156,181)
```

Complementary Color

#9cf5b0
```
#9cf5b0 rgb(156,245,176)
```
#9cf5dc
```
#9cf5dc rgb(156,245,220)
```
#9ce2f5
```
#9ce2f5 rgb(156,226,245)
```

Analogous Color

#f5b09c
```
#f5b09c rgb(245,176,156)
```
#9cf5dc
```
#9cf5dc rgb(156,245,220)
```
#f59ce2
```
#f59ce2 rgb(245,156,226)
```

Split Complementary Color

#f5dc9c
```
#f5dc9c rgb(245,220,156)
```
#9cf5dc
```
#9cf5dc rgb(156,245,220)
```
#dc9cf5
```
#dc9cf5 rgb(220,156,245)
```

Triadic Color

#b5f59c
```
#b5f59c rgb(181,245,156)
```
#9cf5dc
```
#9cf5dc rgb(156,245,220)
```
#dc9cf5
```
#dc9cf5 rgb(220,156,245)
```
#f59cb5
```
#f59cb5 rgb(245,156,181)
```

Tetradic Color

#57eec3
```
#57eec3 rgb(87,238,195)
```
#6ef0cc
```
#6ef0cc rgb(110,240,204)
```
#85f3d4
```
#85f3d4 rgb(133,243,212)
```
#9cf5dc
```
#9cf5dc rgb(156,245,220)
```
#b3f7e4
```
#b3f7e4 rgb(179,247,228)
```
#cafaec
```
#cafaec rgb(202,250,236)
```
#e1fcf5
```
#e1fcf5 rgb(225,252,245)
```

Monochromatic Color

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

#9cf5c6
```
#9cf5c6 rgb(156,245,198)
```
#9cf5cd
```
#9cf5cd rgb(156,245,205)
```
#9cf5d5
```
#9cf5d5 rgb(156,245,213)
```
#9cf5dc
```
#9cf5dc rgb(156,245,220)
```
#9cf5e3
```
#9cf5e3 rgb(156,245,227)
```
#9cf5eb
```
#9cf5eb rgb(156,245,235)
```
#9cf5f2
```
#9cf5f2 rgb(156,245,242)
```

Similar Colors

Text with hexadecimal color #9cf5dc

This text has a font color of #9cf5dc.

<span style="color:#9cf5dc;">Text here</span>

#9cf5dc background color

This paragraph has a background color of #9cf5dc.

<p style="background-color:#9cf5dc;">Content here</p>

#9cf5dc border color

This element has a border color of #9cf5dc.

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

CSS codes

.text {color:#9cf5dc;}

.background {background-color:#9cf5dc;}

.border {border:1px solid #9cf5dc;}

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

#010806
```
#010806 rgb(1,8,6)
```
#031a13
```
#031a13 rgb(3,26,19)
```
#042c21
```
#042c21 rgb(4,44,33)
```
#063d2e
```
#063d2e rgb(6,61,46)
```
#084f3b
```
#084f3b rgb(8,79,59)
```
#0a6148
```
#0a6148 rgb(10,97,72)
```
#0c7356
```
#0c7356 rgb(12,115,86)
```
#0d8563
```
#0d8563 rgb(13,133,99)
```
#0f9670
```
#0f9670 rgb(15,150,112)
```
#11a87e
```
#11a87e rgb(17,168,126)
```
#13ba8b
```
#13ba8b rgb(19,186,139)
```
#15cc98
```
#15cc98 rgb(21,204,152)
```
#16dea6
```
#16dea6 rgb(22,222,166)
```

Shade Color Variation

#1fe8b0
```
#1fe8b0 rgb(31,232,176)
```
#31eab6
```
#31eab6 rgb(49,234,182)
```
#43ecbd
```
#43ecbd rgb(67,236,189)
```
#55eec3
```
#55eec3 rgb(85,238,195)
```
#67f0c9
```
#67f0c9 rgb(103,240,201)
```
#78f1cf
```
#78f1cf rgb(120,241,207)
```
#8af3d6
```
#8af3d6 rgb(138,243,214)
```
#9cf5dc
```
#9cf5dc rgb(156,245,220)
```
#aef7e2
```
#aef7e2 rgb(174,247,226)
```
#c0f9e9
```
#c0f9e9 rgb(192,249,233)
```
#d1faef
```
#d1faef rgb(209,250,239)
```
#e3fcf5
```
#e3fcf5 rgb(227,252,245)
```
#f5fefb
```
#f5fefb rgb(245,254,251)
```

Tint Color Variation

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

#c6cbca
```
#c6cbca rgb(198,203,202)
```
#c2cfcb
```
#c2cfcb rgb(194,207,203)
```
#bed3cd
```
#bed3cd rgb(190,211,205)
```
#b9d8cf
```
#b9d8cf rgb(185,216,207)
```
#b5dcd1
```
#b5dcd1 rgb(181,220,209)
```
#b1e0d3
```
#b1e0d3 rgb(177,224,211)
```
#ade4d5
```
#ade4d5 rgb(173,228,213)
```
#a9e8d6
```
#a9e8d6 rgb(169,232,214)
```
#a4edd8
```
#a4edd8 rgb(164,237,216)
```
#a0f1da
```
#a0f1da rgb(160,241,218)
```
#9cf5dc
```
#9cf5dc rgb(156,245,220)
```
#98f9de
```
#98f9de rgb(152,249,222)
```
#94fde0
```
#94fde0 rgb(148,253,224)
```

Tone Color Variation

Below, you can see how #9cf5dc 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

#d8d8d8 Achromatopsia 0.005% of the population
#ccded9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede4d5 Protanopia 1% of men
#fadee5 Deuteranopia 1% of men
#b2efff Tritanopia 0.001% of the population

Trichromacy

#cfead7 Protanomaly 1% of men, 0.01% of women
#d7e6e2 Deuteranomaly 6% of men, 0.4% of women
#aaf1f2 Tritanomaly 0.01% of the population

#9cf5dc hex color

#9cf5dc Color Information

#9cf5dc Color Conversion

Color Schemes with #9cf5dc

Alternatives to #9cf5dc

#9cf5dc Preview

Shades and Tints of #9cf5dc

Tones of #9cf5dc

Color Blindness Simulator