#9df5bc hex color

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

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

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

The hexadecimal color #9df5bc has RGB values of R:157, G:245, B:188 and CMYK values of C:0.36, M:0, Y:0.23, K:0.04. Its decimal value is 10352060.

Hex triplet	9df5bc	`#9df5bc`
RGB Decimal	157, 245, 188	`rgb(157,245,188)`
RGB Percent	61.6, 96.1, 73.7	`rgb(61.6%,96.1%,73.7%)`
CMYK	36, 0, 23, 4
HSL	141.1°, 81.5, 78.8	`hsl(141.1,81.5%,78.8%)`
HSV (or HSB)	141.1°, 35.9, 96.1
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.906, -38.248, 19.239
XYZ	55.631, 76.101, 59.332
xyY	0.291, 0.398, 76.101
CIE-LCH	89.906, 42.814, 153.297
CIE-LUV	89.906, -42.1, 34.746
Hunter-Lab	87.236, -38.832, 20.74
Binary	10011101, 11110101, 10111100

#9df5bc
```
#9df5bc rgb(157,245,188)
```
#f59dd6
```
#f59dd6 rgb(245,157,214)
```

Complementary Color

#aaf59d
```
#aaf59d rgb(170,245,157)
```
#9df5bc
```
#9df5bc rgb(157,245,188)
```
#9df5e8
```
#9df5e8 rgb(157,245,232)
```

Analogous Color

#f59daa
```
#f59daa rgb(245,157,170)
```
#9df5bc
```
#9df5bc rgb(157,245,188)
```
#e89df5
```
#e89df5 rgb(232,157,245)
```

Split Complementary Color

#f5bc9d
```
#f5bc9d rgb(245,188,157)
```
#9df5bc
```
#9df5bc rgb(157,245,188)
```
#bc9df5
```
#bc9df5 rgb(188,157,245)
```

Triadic Color

#d6f59d
```
#d6f59d rgb(214,245,157)
```
#9df5bc
```
#9df5bc rgb(157,245,188)
```
#bc9df5
```
#bc9df5 rgb(188,157,245)
```
#f59dd6
```
#f59dd6 rgb(245,157,214)
```

Tetradic Color

#58ee8d
```
#58ee8d rgb(88,238,141)
```
#6ff09c
```
#6ff09c rgb(111,240,156)
```
#86f3ac
```
#86f3ac rgb(134,243,172)
```
#9df5bc
```
#9df5bc rgb(157,245,188)
```
#b4f7cc
```
#b4f7cc rgb(180,247,204)
```
#cbfadc
```
#cbfadc rgb(203,250,220)
```
#e2fceb
```
#e2fceb rgb(226,252,235)
```

Monochromatic Color

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

#9df5a6
```
#9df5a6 rgb(157,245,166)
```
#9df5ad
```
#9df5ad rgb(157,245,173)
```
#9df5b5
```
#9df5b5 rgb(157,245,181)
```
#9df5bc
```
#9df5bc rgb(157,245,188)
```
#9df5c3
```
#9df5c3 rgb(157,245,195)
```
#9df5cb
```
#9df5cb rgb(157,245,203)
```
#9df5d2
```
#9df5d2 rgb(157,245,210)
```

Similar Colors

Text with hexadecimal color #9df5bc

This text has a font color of #9df5bc.

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

#9df5bc background color

This paragraph has a background color of #9df5bc.

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

#9df5bc border color

This element has a border color of #9df5bc.

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

CSS codes

.text {color:#9df5bc;}

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

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

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

#010904
```
#010904 rgb(1,9,4)
```
#031b0b
```
#031b0b rgb(3,27,11)
```
#052c13
```
#052c13 rgb(5,44,19)
```
#063e1a
```
#063e1a rgb(6,62,26)
```
#085021
```
#085021 rgb(8,80,33)
```
#0a6229
```
#0a6229 rgb(10,98,41)
```
#0c7430
```
#0c7430 rgb(12,116,48)
```
#0e8538
```
#0e8538 rgb(14,133,56)
```
#0f973f
```
#0f973f rgb(15,151,63)
```
#11a947
```
#11a947 rgb(17,169,71)
```
#13bb4e
```
#13bb4e rgb(19,187,78)
```
#15cd56
```
#15cd56 rgb(21,205,86)
```
#17de5d
```
#17de5d rgb(23,222,93)
```

Shade Color Variation

#20e867
```
#20e867 rgb(32,232,103)
```
#32ea73
```
#32ea73 rgb(50,234,115)
```
#44ec7f
```
#44ec7f rgb(68,236,127)
```
#56ee8b
```
#56ee8b rgb(86,238,139)
```
#68f097
```
#68f097 rgb(104,240,151)
```
#79f1a4
```
#79f1a4 rgb(121,241,164)
```
#8bf3b0
```
#8bf3b0 rgb(139,243,176)
```
#9df5bc
```
#9df5bc rgb(157,245,188)
```
#aff7c8
```
#aff7c8 rgb(175,247,200)
```
#c1f9d4
```
#c1f9d4 rgb(193,249,212)
```
#d2fae1
```
#d2fae1 rgb(210,250,225)
```
#e4fced
```
#e4fced rgb(228,252,237)
```
#f6fef9
```
#f6fef9 rgb(246,254,249)
```

Tint Color Variation

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

#c7cbc8
```
#c7cbc8 rgb(199,203,200)
```
#c2d0c7
```
#c2d0c7 rgb(194,208,199)
```
#bed4c6
```
#bed4c6 rgb(190,212,198)
```
#bad8c5
```
#bad8c5 rgb(186,216,197)
```
#b6dcc3
```
#b6dcc3 rgb(182,220,195)
```
#b2e0c2
```
#b2e0c2 rgb(178,224,194)
```
#aee4c1
```
#aee4c1 rgb(174,228,193)
```
#a9e9c0
```
#a9e9c0 rgb(169,233,192)
```
#a5edbe
```
#a5edbe rgb(165,237,190)
```
#a1f1bd
```
#a1f1bd rgb(161,241,189)
```
#9df5bc
```
#9df5bc rgb(157,245,188)
```
#99f9bb
```
#99f9bb rgb(153,249,187)
```
#95fdba
```
#95fdba rgb(149,253,186)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#c9dbcf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e3b7 Protanopia 1% of men
#ffdccb Deuteranopia 1% of men
#b2ecfe Tritanopia 0.001% of the population

Trichromacy

#d2e9b9 Protanomaly 1% of men, 0.01% of women
#dbe5c6 Deuteranomaly 6% of men, 0.4% of women
#aaefe6 Tritanomaly 0.01% of the population

#9df5bc hex color

#9df5bc Color Information

#9df5bc Color Conversion

Color Schemes with #9df5bc

Alternatives to #9df5bc

#9df5bc Preview

Shades and Tints of #9df5bc

Tones of #9df5bc

Color Blindness Simulator