#9afef9 hex color

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

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

● #9afef9 color description : Very soft cyan.

The hexadecimal color #9afef9 has RGB values of R:154, G:254, B:249 and CMYK values of C:0.39, M:0, Y:0.02, K:0. Its decimal value is 10157817.

Hex triplet	9afef9	`#9afef9`
RGB Decimal	154, 254, 249	`rgb(154,254,249)`
RGB Percent	60.4, 99.6, 97.6	`rgb(60.4%,99.6%,97.6%)`
CMYK	39, 0, 2, 0
HSL	177°, 98, 80	`hsl(177,98%,80%)`
HSV (or HSB)	177°, 39.4, 99.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	93.706, -30.415, -6.848
XYZ	65.862, 84.589, 102.474
xyY	0.26, 0.334, 84.589
CIE-LCH	93.706, 31.176, 192.689
CIE-LUV	93.706, -45.569, -5.758
Hunter-Lab	91.973, -33.126, -1.679
Binary	10011010, 11111110, 11111001

#9afef9
```
#9afef9 rgb(154,254,249)
```
#fe9a9f
```
#fe9a9f rgb(254,154,159)
```

Complementary Color

#9afec7
```
#9afec7 rgb(154,254,199)
```
#9afef9
```
#9afef9 rgb(154,254,249)
```
#9ad1fe
```
#9ad1fe rgb(154,209,254)
```

Analogous Color

#fec79a
```
#fec79a rgb(254,199,154)
```
#9afef9
```
#9afef9 rgb(154,254,249)
```
#fe9ad1
```
#fe9ad1 rgb(254,154,209)
```

Split Complementary Color

#fef99a
```
#fef99a rgb(254,249,154)
```
#9afef9
```
#9afef9 rgb(154,254,249)
```
#f99afe
```
#f99afe rgb(249,154,254)
```

Triadic Color

#9ffe9a
```
#9ffe9a rgb(159,254,154)
```
#9afef9
```
#9afef9 rgb(154,254,249)
```
#f99afe
```
#f99afe rgb(249,154,254)
```
#fe9a9f
```
#fe9a9f rgb(254,154,159)
```

Tetradic Color

#4efdf5
```
#4efdf5 rgb(78,253,245)
```
#68fef6
```
#68fef6 rgb(104,254,246)
```
#81fef8
```
#81fef8 rgb(129,254,248)
```
#9afef9
```
#9afef9 rgb(154,254,249)
```
#b3fefb
```
#b3fefb rgb(179,254,251)
```
#cdfffc
```
#cdfffc rgb(205,255,252)
```
#e6fffe
```
#e6fffe rgb(230,255,254)
```

Monochromatic Color

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

#9afee0
```
#9afee0 rgb(154,254,224)
```
#9afee8
```
#9afee8 rgb(154,254,232)
```
#9afef1
```
#9afef1 rgb(154,254,241)
```
#9afef9
```
#9afef9 rgb(154,254,249)
```
#9afbfe
```
#9afbfe rgb(154,251,254)
```
#9af2fe
```
#9af2fe rgb(154,242,254)
```
#9aeafe
```
#9aeafe rgb(154,234,254)
```

Similar Colors

Text with hexadecimal color #9afef9

This text has a font color of #9afef9.

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

#9afef9 background color

This paragraph has a background color of #9afef9.

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

#9afef9 border color

This element has a border color of #9afef9.

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

CSS codes

.text {color:#9afef9;}

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

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

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

#00100f
```
#00100f rgb(0,16,15)
```
#002321
```
#002321 rgb(0,35,33)
```
#013634
```
#013634 rgb(1,54,52)
```
#014a46
```
#014a46 rgb(1,74,70)
```
#015d59
```
#015d59 rgb(1,93,89)
```
#01716b
```
#01716b rgb(1,113,107)
```
#01847e
```
#01847e rgb(1,132,126)
```
#019890
```
#019890 rgb(1,152,144)
```
#02aba2
```
#02aba2 rgb(2,171,162)
```
#02beb5
```
#02beb5 rgb(2,190,181)
```
#02d2c7
```
#02d2c7 rgb(2,210,199)
```
#02e5da
```
#02e5da rgb(2,229,218)
```
#02f9ec
```
#02f9ec rgb(2,249,236)
```

Shade Color Variation

#12fdf1
```
#12fdf1 rgb(18,253,241)
```
#25fdf2
```
#25fdf2 rgb(37,253,242)
```
#39fdf3
```
#39fdf3 rgb(57,253,243)
```
#4cfdf4
```
#4cfdf4 rgb(76,253,244)
```
#60fdf6
```
#60fdf6 rgb(96,253,246)
```
#73fef7
```
#73fef7 rgb(115,254,247)
```
#87fef8
```
#87fef8 rgb(135,254,248)
```
#9afef9
```
#9afef9 rgb(154,254,249)
```
#adfefa
```
#adfefa rgb(173,254,250)
```
#c1fefb
```
#c1fefb rgb(193,254,251)
```
#d4fffc
```
#d4fffc rgb(212,255,252)
```
#e8fffe
```
#e8fffe rgb(232,255,254)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#c9cfcf
```
#c9cfcf rgb(201,207,207)
```
#c5d3d2
```
#c5d3d2 rgb(197,211,210)
```
#c1d7d6
```
#c1d7d6 rgb(193,215,214)
```
#bddbd9
```
#bddbd9 rgb(189,219,217)
```
#b9dfdd
```
#b9dfdd rgb(185,223,221)
```
#b5e3e0
```
#b5e3e0 rgb(181,227,224)
```
#b2e6e4
```
#b2e6e4 rgb(178,230,228)
```
#aeeae7
```
#aeeae7 rgb(174,234,231)
```
#aaeeeb
```
#aaeeeb rgb(170,238,235)
```
#a6f2ee
```
#a6f2ee rgb(166,242,238)
```
#a2f6f2
```
#a2f6f2 rgb(162,246,242)
```
#9efaf5
```
#9efaf5 rgb(158,250,245)
```
#9afef9
```
#9afef9 rgb(154,254,249)
```

Tone Color Variation

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

#e0e0e0 Achromatopsia 0.005% of the population
#d2e6e5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1ecef Protanopia 1% of men
#f9e8ff Deuteranopia 1% of men
#ccf4ff Tritanopia 0.001% of the population

Trichromacy

#d1f2f3 Protanomaly 1% of men, 0.01% of women
#d6f0fc Deuteranomaly 6% of men, 0.4% of women
#baf8fc Tritanomaly 0.01% of the population

#9afef9 hex color

#9afef9 Color Information

#9afef9 Color Conversion

Color Schemes with #9afef9

Alternatives to #9afef9

#9afef9 Preview

Shades and Tints of #9afef9

Tones of #9afef9

Color Blindness Simulator