#9afedf hex color

In a RGB color space, hex #9afedf is composed of 60.4% red, 99.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 0% magenta, 12.2% yellow and 0.4% black. It has a hue angle of 161.4 degrees, a saturation of 98% and a lightness of 80%. #9afedf color hex could be obtained by blending #ffffff with #35fdbf. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 60
- G 100
- B 87
RGB color chart
- C 39
- M 0
- Y 12
- K 0
CMYK color chart

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

The hexadecimal color #9afedf has RGB values of R:154, G:254, B:223 and CMYK values of C:0.39, M:0, Y:0.12, K:0. Its decimal value is 10157791.

Hex triplet	9afedf	`#9afedf`
RGB Decimal	154, 254, 223	`rgb(154,254,223)`
RGB Percent	60.4, 99.6, 87.5	`rgb(60.4%,99.6%,87.5%)`
CMYK	39, 0, 12, 0
HSL	161.4°, 98, 80	`hsl(161.4,98%,80%)`
HSV (or HSB)	161.4°, 39.4, 99.6
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	93.049, -36.21, 5.63
XYZ	62.084, 83.078, 82.572
xyY	0.273, 0.365, 83.078
CIE-LCH	93.049, 36.645, 171.162
CIE-LUV	93.049, -46.255, 14.759
Hunter-Lab	91.147, -37.925, 10.091
Binary	10011010, 11111110, 11011111

#9afedf
```
#9afedf rgb(154,254,223)
```
#fe9ab9
```
#fe9ab9 rgb(254,154,185)
```

Complementary Color

#9afead
```
#9afead rgb(154,254,173)
```
#9afedf
```
#9afedf rgb(154,254,223)
```
#9aebfe
```
#9aebfe rgb(154,235,254)
```

Analogous Color

#fead9a
```
#fead9a rgb(254,173,154)
```
#9afedf
```
#9afedf rgb(154,254,223)
```
#fe9aeb
```
#fe9aeb rgb(254,154,235)
```

Split Complementary Color

#fedf9a
```
#fedf9a rgb(254,223,154)
```
#9afedf
```
#9afedf rgb(154,254,223)
```
#df9afe
```
#df9afe rgb(223,154,254)
```

Triadic Color

#b9fe9a
```
#b9fe9a rgb(185,254,154)
```
#9afedf
```
#9afedf rgb(154,254,223)
```
#df9afe
```
#df9afe rgb(223,154,254)
```
#fe9ab9
```
#fe9ab9 rgb(254,154,185)
```

Tetradic Color

#4efdc7
```
#4efdc7 rgb(78,253,199)
```
#68fecf
```
#68fecf rgb(104,254,207)
```
#81fed7
```
#81fed7 rgb(129,254,215)
```
#9afedf
```
#9afedf rgb(154,254,223)
```
#b3fee7
```
#b3fee7 rgb(179,254,231)
```
#cdffef
```
#cdffef rgb(205,255,239)
```
#e6fff7
```
#e6fff7 rgb(230,255,247)
```

Monochromatic Color

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

#9afec6
```
#9afec6 rgb(154,254,198)
```
#9afece
```
#9afece rgb(154,254,206)
```
#9afed7
```
#9afed7 rgb(154,254,215)
```
#9afedf
```
#9afedf rgb(154,254,223)
```
#9afee7
```
#9afee7 rgb(154,254,231)
```
#9afef0
```
#9afef0 rgb(154,254,240)
```
#9afef8
```
#9afef8 rgb(154,254,248)
```

Similar Colors

Text with hexadecimal color #9afedf

This text has a font color of #9afedf.

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

#9afedf background color

This paragraph has a background color of #9afedf.

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

#9afedf border color

This element has a border color of #9afedf.

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

CSS codes

.text {color:#9afedf;}

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

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

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, #00100b is the darkest color, while #fbfffe is the lightest one.

#00100b
```
#00100b rgb(0,16,11)
```
#002318
```
#002318 rgb(0,35,24)
```
#013626
```
#013626 rgb(1,54,38)
```
#014a33
```
#014a33 rgb(1,74,51)
```
#015d41
```
#015d41 rgb(1,93,65)
```
#01714e
```
#01714e rgb(1,113,78)
```
#01845c
```
#01845c rgb(1,132,92)
```
#019869
```
#019869 rgb(1,152,105)
```
#02ab76
```
#02ab76 rgb(2,171,118)
```
#02be84
```
#02be84 rgb(2,190,132)
```
#02d291
```
#02d291 rgb(2,210,145)
```
#02e59f
```
#02e59f rgb(2,229,159)
```
#02f9ac
```
#02f9ac rgb(2,249,172)
```

Shade Color Variation

#12fdb4
```
#12fdb4 rgb(18,253,180)
```
#25fdba
```
#25fdba rgb(37,253,186)
```
#39fdc0
```
#39fdc0 rgb(57,253,192)
```
#4cfdc6
```
#4cfdc6 rgb(76,253,198)
```
#60fdcd
```
#60fdcd rgb(96,253,205)
```
#73fed3
```
#73fed3 rgb(115,254,211)
```
#87fed9
```
#87fed9 rgb(135,254,217)
```
#9afedf
```
#9afedf rgb(154,254,223)
```
#adfee5
```
#adfee5 rgb(173,254,229)
```
#c1feeb
```
#c1feeb rgb(193,254,235)
```
#d4fff1
```
#d4fff1 rgb(212,255,241)
```
#e8fff8
```
#e8fff8 rgb(232,255,248)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#c9cfcd
```
#c9cfcd rgb(201,207,205)
```
#c5d3cf
```
#c5d3cf rgb(197,211,207)
```
#c1d7d0
```
#c1d7d0 rgb(193,215,208)
```
#bddbd2
```
#bddbd2 rgb(189,219,210)
```
#b9dfd3
```
#b9dfd3 rgb(185,223,211)
```
#b5e3d5
```
#b5e3d5 rgb(181,227,213)
```
#b2e6d6
```
#b2e6d6 rgb(178,230,214)
```
#aeead8
```
#aeead8 rgb(174,234,216)
```
#aaeed9
```
#aaeed9 rgb(170,238,217)
```
#a6f2db
```
#a6f2db rgb(166,242,219)
```
#a2f6dc
```
#a2f6dc rgb(162,246,220)
```
#9efade
```
#9efade rgb(158,250,222)
```
#9afedf
```
#9afedf rgb(154,254,223)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d0e4dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5ebd7 Protanopia 1% of men
#ffe6e9 Deuteranopia 1% of men
#c8f3ff Tritanopia 0.001% of the population

Trichromacy

#d3f2da Protanomaly 1% of men, 0.01% of women
#daeee5 Deuteranomaly 6% of men, 0.4% of women
#b7f7f3 Tritanomaly 0.01% of the population

#9afedf hex color

#9afedf Color Information

#9afedf Color Conversion

Color Schemes with #9afedf

Alternatives to #9afedf

#9afedf Preview

Shades and Tints of #9afedf

Tones of #9afedf

Color Blindness Simulator