#9ed7bc hex color

In a RGB color space, hex #9ed7bc is composed of 62% red, 84.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 0% magenta, 12.6% yellow and 15.7% black. It has a hue angle of 151.6 degrees, a saturation of 41.6% and a lightness of 73.1%. #9ed7bc color hex could be obtained by blending #ffffff with #3daf79. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 62
- G 84
- B 74
RGB color chart
- C 27
- M 0
- Y 13
- K 16
CMYK color chart

● #9ed7bc color description : Slightly desaturated cyan - lime green.

The hexadecimal color #9ed7bc has RGB values of R:158, G:215, B:188 and CMYK values of C:0.27, M:0, Y:0.13, K:0.16. Its decimal value is 10409916.

Hex triplet	9ed7bc	`#9ed7bc`
RGB Decimal	158, 215, 188	`rgb(158,215,188)`
RGB Percent	62, 84.3, 73.7	`rgb(62%,84.3%,73.7%)`
CMYK	27, 0, 13, 16
HSL	151.6°, 41.6, 73.1	`hsl(151.6,41.6%,73.1%)`
HSV (or HSB)	151.6°, 26.5, 84.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.565, -23.823, 7.445
XYZ	47.476, 59.499, 56.557
xyY	0.29, 0.364, 59.499
CIE-LCH	81.565, 24.959, 162.644
CIE-LUV	81.565, -28.311, 15.108
Hunter-Lab	77.136, -25.124, 10.523
Binary	10011110, 11010111, 10111100

#9ed7bc
```
#9ed7bc rgb(158,215,188)
```
#d79eb9
```
#d79eb9 rgb(215,158,185)
```

Complementary Color

#9ed7a0
```
#9ed7a0 rgb(158,215,160)
```
#9ed7bc
```
#9ed7bc rgb(158,215,188)
```
#9ed6d7
```
#9ed6d7 rgb(158,214,215)
```

Analogous Color

#d7a09e
```
#d7a09e rgb(215,160,158)
```
#9ed7bc
```
#9ed7bc rgb(158,215,188)
```
#d79ed6
```
#d79ed6 rgb(215,158,214)
```

Split Complementary Color

#d7bc9e
```
#d7bc9e rgb(215,188,158)
```
#9ed7bc
```
#9ed7bc rgb(158,215,188)
```
#bc9ed7
```
#bc9ed7 rgb(188,158,215)
```

Triadic Color

#b9d79e
```
#b9d79e rgb(185,215,158)
```
#9ed7bc
```
#9ed7bc rgb(158,215,188)
```
#bc9ed7
```
#bc9ed7 rgb(188,158,215)
```
#d79eb9
```
#d79eb9 rgb(215,158,185)
```

Tetradic Color

#68c197
```
#68c197 rgb(104,193,151)
```
#7ac8a3
```
#7ac8a3 rgb(122,200,163)
```
#8cd0b0
```
#8cd0b0 rgb(140,208,176)
```
#9ed7bc
```
#9ed7bc rgb(158,215,188)
```
#b0dec8
```
#b0dec8 rgb(176,222,200)
```
#c2e6d5
```
#c2e6d5 rgb(194,230,213)
```
#d4ede1
```
#d4ede1 rgb(212,237,225)
```

Monochromatic Color

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

#9ed7ae
```
#9ed7ae rgb(158,215,174)
```
#9ed7b3
```
#9ed7b3 rgb(158,215,179)
```
#9ed7b7
```
#9ed7b7 rgb(158,215,183)
```
#9ed7bc
```
#9ed7bc rgb(158,215,188)
```
#9ed7c1
```
#9ed7c1 rgb(158,215,193)
```
#9ed7c6
```
#9ed7c6 rgb(158,215,198)
```
#9ed7ca
```
#9ed7ca rgb(158,215,202)
```

Similar Colors

Text with hexadecimal color #9ed7bc

This text has a font color of #9ed7bc.

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

#9ed7bc background color

This paragraph has a background color of #9ed7bc.

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

#9ed7bc border color

This element has a border color of #9ed7bc.

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

CSS codes

.text {color:#9ed7bc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0a
```
#060e0a rgb(6,14,10)
```
#0c1c14
```
#0c1c14 rgb(12,28,20)
```
#112a1e
```
#112a1e rgb(17,42,30)
```
#173828
```
#173828 rgb(23,56,40)
```
#1d4632
```
#1d4632 rgb(29,70,50)
```
#22543c
```
#22543c rgb(34,84,60)
```
#286146
```
#286146 rgb(40,97,70)
```
#2e6f50
```
#2e6f50 rgb(46,111,80)
```
#347d5a
```
#347d5a rgb(52,125,90)
```
#398b64
```
#398b64 rgb(57,139,100)
```
#3f996e
```
#3f996e rgb(63,153,110)
```
#45a778
```
#45a778 rgb(69,167,120)
```

Shade Color Variation

#4bb582
```
#4bb582 rgb(75,181,130)
```
#59ba8c
```
#59ba8c rgb(89,186,140)
```
#66c096
```
#66c096 rgb(102,192,150)
```
#74c69f
```
#74c69f rgb(116,198,159)
```
#82cca9
```
#82cca9 rgb(130,204,169)
```
#90d1b2
```
#90d1b2 rgb(144,209,178)
```
#9ed7bc
```
#9ed7bc rgb(158,215,188)
```
#acddc6
```
#acddc6 rgb(172,221,198)
```
#bae2cf
```
#bae2cf rgb(186,226,207)
```
#c8e8d9
```
#c8e8d9 rgb(200,232,217)
```
#d6eee2
```
#d6eee2 rgb(214,238,226)
```
#e3f4ec
```
#e3f4ec rgb(227,244,236)
```
#f1f9f6
```
#f1f9f6 rgb(241,249,246)
```

Tint Color Variation

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

#b8bdbb
```
#b8bdbb rgb(184,189,187)
```
#b3c2bb
```
#b3c2bb rgb(179,194,187)
```
#aec7bb
```
#aec7bb rgb(174,199,187)
```
#a9ccbb
```
#a9ccbb rgb(169,204,187)
```
#a3d2bc
```
#a3d2bc rgb(163,210,188)
```
#9ed7bc
```
#9ed7bc rgb(158,215,188)
```
#99dcbc
```
#99dcbc rgb(153,220,188)
```
#93e2bd
```
#93e2bd rgb(147,226,189)
```
#8ee7bd
```
#8ee7bd rgb(142,231,189)
```
#89ecbd
```
#89ecbd rgb(137,236,189)
```
#84f1bd
```
#84f1bd rgb(132,241,189)
```
#7ef7be
```
#7ef7be rgb(126,247,190)
```
#79fcbe
```
#79fcbe rgb(121,252,190)
```

Tone Color Variation

Below, you can see how #9ed7bc 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
#bcc7c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5ccb9 Protanopia 1% of men
#e3c6c5 Deuteranopia 1% of men
#abd3e3 Tritanopia 0.001% of the population

Trichromacy

#c1d0ba Protanomaly 1% of men, 0.01% of women
#caccc2 Deuteranomaly 6% of men, 0.4% of women
#a6d4d4 Tritanomaly 0.01% of the population

#9ed7bc hex color

#9ed7bc Color Information

#9ed7bc Color Conversion

Color Schemes with #9ed7bc

Alternatives to #9ed7bc

#9ed7bc Preview

Shades and Tints of #9ed7bc

Tones of #9ed7bc

Color Blindness Simulator