#9df5de hex color

In a RGB color space, hex #9df5de is composed of 61.6% red, 96.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 35.9% cyan, 0% magenta, 9.4% yellow and 3.9% black. It has a hue angle of 164.3 degrees, a saturation of 81.5% and a lightness of 78.8%. #9df5de color hex could be obtained by blending #ffffff with #3bebbd. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 62
- G 96
- B 87
RGB color chart
- C 36
- M 0
- Y 9
- K 4
CMYK color chart

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

The hexadecimal color #9df5de has RGB values of R:157, G:245, B:222 and CMYK values of C:0.36, M:0, Y:0.09, K:0.04. Its decimal value is 10352094.

Hex triplet	9df5de	`#9df5de`
RGB Decimal	157, 245, 222	`rgb(157,245,222)`
RGB Percent	61.6, 96.1, 87.1	`rgb(61.6%,96.1%,87.1%)`
CMYK	36, 0, 9, 4
HSL	164.3°, 81.5, 78.8	`hsl(164.3,81.5%,78.8%)`
HSV (or HSB)	164.3°, 35.9, 96.1
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	90.663, -31.461, 2.711
XYZ	59.738, 77.744, 80.962
xyY	0.273, 0.356, 77.744
CIE-LCH	90.663, 31.577, 175.075
CIE-LUV	90.663, -41.431, 9.478
Hunter-Lab	88.172, -33.366, 7.28
Binary	10011101, 11110101, 11011110

#9df5de
```
#9df5de rgb(157,245,222)
```
#f59db4
```
#f59db4 rgb(245,157,180)
```

Complementary Color

#9df5b2
```
#9df5b2 rgb(157,245,178)
```
#9df5de
```
#9df5de rgb(157,245,222)
```
#9de0f5
```
#9de0f5 rgb(157,224,245)
```

Analogous Color

#f5b29d
```
#f5b29d rgb(245,178,157)
```
#9df5de
```
#9df5de rgb(157,245,222)
```
#f59de0
```
#f59de0 rgb(245,157,224)
```

Split Complementary Color

#f5de9d
```
#f5de9d rgb(245,222,157)
```
#9df5de
```
#9df5de rgb(157,245,222)
```
#de9df5
```
#de9df5 rgb(222,157,245)
```

Triadic Color

#b4f59d
```
#b4f59d rgb(180,245,157)
```
#9df5de
```
#9df5de rgb(157,245,222)
```
#de9df5
```
#de9df5 rgb(222,157,245)
```
#f59db4
```
#f59db4 rgb(245,157,180)
```

Tetradic Color

#58eec7
```
#58eec7 rgb(88,238,199)
```
#6ff0ce
```
#6ff0ce rgb(111,240,206)
```
#86f3d6
```
#86f3d6 rgb(134,243,214)
```
#9df5de
```
#9df5de rgb(157,245,222)
```
#b4f7e6
```
#b4f7e6 rgb(180,247,230)
```
#cbfaee
```
#cbfaee rgb(203,250,238)
```
#e2fcf5
```
#e2fcf5 rgb(226,252,245)
```

Monochromatic Color

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

#9df5c8
```
#9df5c8 rgb(157,245,200)
```
#9df5cf
```
#9df5cf rgb(157,245,207)
```
#9df5d7
```
#9df5d7 rgb(157,245,215)
```
#9df5de
```
#9df5de rgb(157,245,222)
```
#9df5e5
```
#9df5e5 rgb(157,245,229)
```
#9df5ed
```
#9df5ed rgb(157,245,237)
```
#9df5f4
```
#9df5f4 rgb(157,245,244)
```

Similar Colors

Text with hexadecimal color #9df5de

This text has a font color of #9df5de.

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

#9df5de background color

This paragraph has a background color of #9df5de.

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

#9df5de border color

This element has a border color of #9df5de.

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

CSS codes

.text {color:#9df5de;}

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

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

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

#010907
```
#010907 rgb(1,9,7)
```
#031b14
```
#031b14 rgb(3,27,20)
```
#052c22
```
#052c22 rgb(5,44,34)
```
#063e30
```
#063e30 rgb(6,62,48)
```
#08503d
```
#08503d rgb(8,80,61)
```
#0a624b
```
#0a624b rgb(10,98,75)
```
#0c7458
```
#0c7458 rgb(12,116,88)
```
#0e8566
```
#0e8566 rgb(14,133,102)
```
#0f9774
```
#0f9774 rgb(15,151,116)
```
#11a981
```
#11a981 rgb(17,169,129)
```
#13bb8f
```
#13bb8f rgb(19,187,143)
```
#15cd9d
```
#15cd9d rgb(21,205,157)
```
#17deaa
```
#17deaa rgb(23,222,170)
```

Shade Color Variation

#20e8b4
```
#20e8b4 rgb(32,232,180)
```
#32eaba
```
#32eaba rgb(50,234,186)
```
#44ecc0
```
#44ecc0 rgb(68,236,192)
```
#56eec6
```
#56eec6 rgb(86,238,198)
```
#68f0cc
```
#68f0cc rgb(104,240,204)
```
#79f1d2
```
#79f1d2 rgb(121,241,210)
```
#8bf3d8
```
#8bf3d8 rgb(139,243,216)
```
#9df5de
```
#9df5de rgb(157,245,222)
```
#aff7e4
```
#aff7e4 rgb(175,247,228)
```
#c1f9ea
```
#c1f9ea rgb(193,249,234)
```
#d2faf0
```
#d2faf0 rgb(210,250,240)
```
#e4fcf6
```
#e4fcf6 rgb(228,252,246)
```
#f6fefc
```
#f6fefc rgb(246,254,252)
```

Tint Color Variation

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

#c7cbca
```
#c7cbca rgb(199,203,202)
```
#c2d0cc
```
#c2d0cc rgb(194,208,204)
```
#bed4ce
```
#bed4ce rgb(190,212,206)
```
#bad8d0
```
#bad8d0 rgb(186,216,208)
```
#b6dcd2
```
#b6dcd2 rgb(182,220,210)
```
#b2e0d4
```
#b2e0d4 rgb(178,224,212)
```
#aee4d6
```
#aee4d6 rgb(174,228,214)
```
#a9e9d8
```
#a9e9d8 rgb(169,233,216)
```
#a5edda
```
#a5edda rgb(165,237,218)
```
#a1f1dc
```
#a1f1dc rgb(161,241,220)
```
#9df5de
```
#9df5de rgb(157,245,222)
```
#99f9e0
```
#99f9e0 rgb(153,249,224)
```
#95fde2
```
#95fde2 rgb(149,253,226)
```

Tone Color Variation

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

#ede4d7 Protanopia 1% of men
#f9dee7 Deuteranopia 1% of men
#b3efff Tritanopia 0.001% of the population

Trichromacy

#cfead9 Protanomaly 1% of men, 0.01% of women
#d8e6e3 Deuteranomaly 6% of men, 0.4% of women
#abf1f3 Tritanomaly 0.01% of the population

#9df5de hex color

#9df5de Color Information

#9df5de Color Conversion

Color Schemes with #9df5de

Alternatives to #9df5de

#9df5de Preview

Shades and Tints of #9df5de

Tones of #9df5de

Color Blindness Simulator