#9afef2 hex color

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

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

● #9afef2 color description : Very soft cyan.

The hexadecimal color #9afef2 has RGB values of R:154, G:254, B:242 and CMYK values of C:0.39, M:0, Y:0.05, K:0. Its decimal value is 10157810.

Hex triplet	9afef2	`#9afef2`
RGB Decimal	154, 254, 242	`rgb(154,254,242)`
RGB Percent	60.4, 99.6, 94.9	`rgb(60.4%,99.6%,94.9%)`
CMYK	39, 0, 5, 0
HSL	172.8°, 98, 80	`hsl(172.8,98%,80%)`
HSV (or HSB)	172.8°, 39.4, 99.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	93.52, -32.028, -3.502
XYZ	64.791, 84.161, 96.83
xyY	0.264, 0.342, 84.161
CIE-LCH	93.52, 32.218, 186.24
CIE-LUV	93.52, -45.755, -0.133
Hunter-Lab	91.739, -34.478, 1.637
Binary	10011010, 11111110, 11110010

#9afef2
```
#9afef2 rgb(154,254,242)
```
#fe9aa6
```
#fe9aa6 rgb(254,154,166)
```

Complementary Color

#9afec0
```
#9afec0 rgb(154,254,192)
```
#9afef2
```
#9afef2 rgb(154,254,242)
```
#9ad8fe
```
#9ad8fe rgb(154,216,254)
```

Analogous Color

#fec09a
```
#fec09a rgb(254,192,154)
```
#9afef2
```
#9afef2 rgb(154,254,242)
```
#fe9ad8
```
#fe9ad8 rgb(254,154,216)
```

Split Complementary Color

#fef29a
```
#fef29a rgb(254,242,154)
```
#9afef2
```
#9afef2 rgb(154,254,242)
```
#f29afe
```
#f29afe rgb(242,154,254)
```

Triadic Color

#a6fe9a
```
#a6fe9a rgb(166,254,154)
```
#9afef2
```
#9afef2 rgb(154,254,242)
```
#f29afe
```
#f29afe rgb(242,154,254)
```
#fe9aa6
```
#fe9aa6 rgb(254,154,166)
```

Tetradic Color

#4efde8
```
#4efde8 rgb(78,253,232)
```
#68feec
```
#68feec rgb(104,254,236)
```
#81feef
```
#81feef rgb(129,254,239)
```
#9afef2
```
#9afef2 rgb(154,254,242)
```
#b3fef5
```
#b3fef5 rgb(179,254,245)
```
#cdfff9
```
#cdfff9 rgb(205,255,249)
```
#e6fffc
```
#e6fffc rgb(230,255,252)
```

Monochromatic Color

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

#9afed9
```
#9afed9 rgb(154,254,217)
```
#9afee1
```
#9afee1 rgb(154,254,225)
```
#9afeea
```
#9afeea rgb(154,254,234)
```
#9afef2
```
#9afef2 rgb(154,254,242)
```
#9afefa
```
#9afefa rgb(154,254,250)
```
#9af9fe
```
#9af9fe rgb(154,249,254)
```
#9af1fe
```
#9af1fe rgb(154,241,254)
```

Similar Colors

Text with hexadecimal color #9afef2

This text has a font color of #9afef2.

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

#9afef2 background color

This paragraph has a background color of #9afef2.

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

#9afef2 border color

This element has a border color of #9afef2.

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

CSS codes

.text {color:#9afef2;}

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

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

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

#00100e
```
#00100e rgb(0,16,14)
```
#00231f
```
#00231f rgb(0,35,31)
```
#013630
```
#013630 rgb(1,54,48)
```
#014a41
```
#014a41 rgb(1,74,65)
```
#015d52
```
#015d52 rgb(1,93,82)
```
#017163
```
#017163 rgb(1,113,99)
```
#018474
```
#018474 rgb(1,132,116)
```
#019886
```
#019886 rgb(1,152,134)
```
#02ab97
```
#02ab97 rgb(2,171,151)
```
#02bea8
```
#02bea8 rgb(2,190,168)
```
#02d2b9
```
#02d2b9 rgb(2,210,185)
```
#02e5ca
```
#02e5ca rgb(2,229,202)
```
#02f9db
```
#02f9db rgb(2,249,219)
```

Shade Color Variation

#12fde1
```
#12fde1 rgb(18,253,225)
```
#25fde3
```
#25fde3 rgb(37,253,227)
```
#39fde6
```
#39fde6 rgb(57,253,230)
```
#4cfde8
```
#4cfde8 rgb(76,253,232)
```
#60fdeb
```
#60fdeb rgb(96,253,235)
```
#73feed
```
#73feed rgb(115,254,237)
```
#87fef0
```
#87fef0 rgb(135,254,240)
```
#9afef2
```
#9afef2 rgb(154,254,242)
```
#adfef5
```
#adfef5 rgb(173,254,245)
```
#c1fef7
```
#c1fef7 rgb(193,254,247)
```
#d4fffa
```
#d4fffa rgb(212,255,250)
```
#e8fffc
```
#e8fffc rgb(232,255,252)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#c9cfce
```
#c9cfce rgb(201,207,206)
```
#c5d3d1
```
#c5d3d1 rgb(197,211,209)
```
#c1d7d4
```
#c1d7d4 rgb(193,215,212)
```
#bddbd7
```
#bddbd7 rgb(189,219,215)
```
#b9dfda
```
#b9dfda rgb(185,223,218)
```
#b5e3dd
```
#b5e3dd rgb(181,227,221)
```
#b2e6e0
```
#b2e6e0 rgb(178,230,224)
```
#aeeae3
```
#aeeae3 rgb(174,234,227)
```
#aaeee6
```
#aaeee6 rgb(170,238,230)
```
#a6f2e9
```
#a6f2e9 rgb(166,242,233)
```
#a2f6ec
```
#a2f6ec rgb(162,246,236)
```
#9efaef
```
#9efaef rgb(158,250,239)
```
#9afef2
```
#9afef2 rgb(154,254,242)
```

Tone Color Variation

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

Dichromacy

#f2ece9 Protanopia 1% of men
#fce6fa Deuteranopia 1% of men
#cbf4ff Tritanopia 0.001% of the population

Trichromacy

#d2f2ec Protanomaly 1% of men, 0.01% of women
#d8eff7 Deuteranomaly 6% of men, 0.4% of women
#b9f7fa Tritanomaly 0.01% of the population

#9afef2 hex color

#9afef2 Color Information

#9afef2 Color Conversion

Color Schemes with #9afef2

Alternatives to #9afef2

#9afef2 Preview

Shades and Tints of #9afef2

Tones of #9afef2

Color Blindness Simulator