#9afef8 hex color

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

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

● #9afef8 color description : Very soft cyan.

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

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

CIE-LAB	93.679, -30.647, -6.371
XYZ	65.707, 84.527, 101.655
xyY	0.261, 0.336, 84.527
CIE-LCH	93.679, 31.303, 191.743
CIE-LUV	93.679, -45.596, -4.951
Hunter-Lab	91.939, -33.322, -1.199
Binary	10011010, 11111110, 11111000

#9afef8
```
#9afef8 rgb(154,254,248)
```
#fe9aa0
```
#fe9aa0 rgb(254,154,160)
```

Complementary Color

#9afec6
```
#9afec6 rgb(154,254,198)
```
#9afef8
```
#9afef8 rgb(154,254,248)
```
#9ad2fe
```
#9ad2fe rgb(154,210,254)
```

Analogous Color

#fec69a
```
#fec69a rgb(254,198,154)
```
#9afef8
```
#9afef8 rgb(154,254,248)
```
#fe9ad2
```
#fe9ad2 rgb(254,154,210)
```

Split Complementary Color

#fef89a
```
#fef89a rgb(254,248,154)
```
#9afef8
```
#9afef8 rgb(154,254,248)
```
#f89afe
```
#f89afe rgb(248,154,254)
```

Triadic Color

#a0fe9a
```
#a0fe9a rgb(160,254,154)
```
#9afef8
```
#9afef8 rgb(154,254,248)
```
#f89afe
```
#f89afe rgb(248,154,254)
```
#fe9aa0
```
#fe9aa0 rgb(254,154,160)
```

Tetradic Color

#4efdf3
```
#4efdf3 rgb(78,253,243)
```
#68fef5
```
#68fef5 rgb(104,254,245)
```
#81fef6
```
#81fef6 rgb(129,254,246)
```
#9afef8
```
#9afef8 rgb(154,254,248)
```
#b3fefa
```
#b3fefa rgb(179,254,250)
```
#cdfffc
```
#cdfffc rgb(205,255,252)
```
#e6fffd
```
#e6fffd rgb(230,255,253)
```

Monochromatic Color

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

#9afedf
```
#9afedf rgb(154,254,223)
```
#9afee7
```
#9afee7 rgb(154,254,231)
```
#9afef0
```
#9afef0 rgb(154,254,240)
```
#9afef8
```
#9afef8 rgb(154,254,248)
```
#9afcfe
```
#9afcfe rgb(154,252,254)
```
#9af3fe
```
#9af3fe rgb(154,243,254)
```
#9aebfe
```
#9aebfe rgb(154,235,254)
```

Similar Colors

Text with hexadecimal color #9afef8

This text has a font color of #9afef8.

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

#9afef8 background color

This paragraph has a background color of #9afef8.

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

#9afef8 border color

This element has a border color of #9afef8.

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

CSS codes

.text {color:#9afef8;}

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

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

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)
```
#013633
```
#013633 rgb(1,54,51)
```
#014a45
```
#014a45 rgb(1,74,69)
```
#015d58
```
#015d58 rgb(1,93,88)
```
#01716a
```
#01716a rgb(1,113,106)
```
#01847c
```
#01847c rgb(1,132,124)
```
#01988f
```
#01988f rgb(1,152,143)
```
#02aba1
```
#02aba1 rgb(2,171,161)
```
#02beb3
```
#02beb3 rgb(2,190,179)
```
#02d2c5
```
#02d2c5 rgb(2,210,197)
```
#02e5d8
```
#02e5d8 rgb(2,229,216)
```
#02f9ea
```
#02f9ea rgb(2,249,234)
```

Shade Color Variation

#12fdef
```
#12fdef rgb(18,253,239)
```
#25fdf0
```
#25fdf0 rgb(37,253,240)
```
#39fdf1
```
#39fdf1 rgb(57,253,241)
```
#4cfdf3
```
#4cfdf3 rgb(76,253,243)
```
#60fdf4
```
#60fdf4 rgb(96,253,244)
```
#73fef5
```
#73fef5 rgb(115,254,245)
```
#87fef7
```
#87fef7 rgb(135,254,247)
```
#9afef8
```
#9afef8 rgb(154,254,248)
```
#adfef9
```
#adfef9 rgb(173,254,249)
```
#c1fefb
```
#c1fefb rgb(193,254,251)
```
#d4fffc
```
#d4fffc rgb(212,255,252)
```
#e8fffd
```
#e8fffd rgb(232,255,253)
```
#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 #9afef8 is the most saturated one.

#c9cfcf
```
#c9cfcf rgb(201,207,207)
```
#c5d3d2
```
#c5d3d2 rgb(197,211,210)
```
#c1d7d5
```
#c1d7d5 rgb(193,215,213)
```
#bddbd9
```
#bddbd9 rgb(189,219,217)
```
#b9dfdc
```
#b9dfdc rgb(185,223,220)
```
#b5e3e0
```
#b5e3e0 rgb(181,227,224)
```
#b2e6e3
```
#b2e6e3 rgb(178,230,227)
```
#aeeae7
```
#aeeae7 rgb(174,234,231)
```
#aaeeea
```
#aaeeea rgb(170,238,234)
```
#a6f2ee
```
#a6f2ee rgb(166,242,238)
```
#a2f6f1
```
#a2f6f1 rgb(162,246,241)
```
#9efaf5
```
#9efaf5 rgb(158,250,245)
```
#9afef8
```
#9afef8 rgb(154,254,248)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d1e5e4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1ecee Protanopia 1% of men
#fae8ff Deuteranopia 1% of men
#ccf4ff Tritanopia 0.001% of the population

Trichromacy

#d1f2f2 Protanomaly 1% of men, 0.01% of women
#d7f0fc Deuteranomaly 6% of men, 0.4% of women
#b9f8fc Tritanomaly 0.01% of the population

#9afef8 hex color

#9afef8 Color Information

#9afef8 Color Conversion

Color Schemes with #9afef8

Alternatives to #9afef8

#9afef8 Preview

Shades and Tints of #9afef8

Tones of #9afef8

Color Blindness Simulator