#9af7fe hex color

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

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

● #9af7fe color description : Very soft cyan.

The hexadecimal color #9af7fe has RGB values of R:154, G:247, B:254 and CMYK values of C:0.39, M:0.03, Y:0, K:0. Its decimal value is 10156030.

Hex triplet	9af7fe	`#9af7fe`
RGB Decimal	154, 247, 254	`rgb(154,247,254)`
RGB Percent	60.4, 96.9, 99.6	`rgb(60.4%,96.9%,99.6%)`
CMYK	39, 3, 0, 0
HSL	184.2°, 98, 80	`hsl(184.2,98%,80%)`
HSV (or HSB)	184.2°, 39.4, 99.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.928, -25.889, -12.079
XYZ	64.472, 80.544, 105.91
xyY	0.257, 0.321, 80.544
CIE-LCH	91.928, 28.568, 205.013
CIE-LUV	91.928, -42.644, -14.975
Hunter-Lab	89.746, -28.825, -7.146
Binary	10011010, 11110111, 11111110

#9af7fe
```
#9af7fe rgb(154,247,254)
```
#fea19a
```
#fea19a rgb(254,161,154)
```

Complementary Color

#9afed3
```
#9afed3 rgb(154,254,211)
```
#9af7fe
```
#9af7fe rgb(154,247,254)
```
#9ac5fe
```
#9ac5fe rgb(154,197,254)
```

Analogous Color

#fed39a
```
#fed39a rgb(254,211,154)
```
#9af7fe
```
#9af7fe rgb(154,247,254)
```
#fe9ac5
```
#fe9ac5 rgb(254,154,197)
```

Split Complementary Color

#f7fe9a
```
#f7fe9a rgb(247,254,154)
```
#9af7fe
```
#9af7fe rgb(154,247,254)
```
#fe9af7
```
#fe9af7 rgb(254,154,247)
```

Triadic Color

#9afea1
```
#9afea1 rgb(154,254,161)
```
#9af7fe
```
#9af7fe rgb(154,247,254)
```
#fe9af7
```
#fe9af7 rgb(254,154,247)
```
#fea19a
```
#fea19a rgb(254,161,154)
```

Tetradic Color

#4ef1fd
```
#4ef1fd rgb(78,241,253)
```
#68f3fe
```
#68f3fe rgb(104,243,254)
```
#81f5fe
```
#81f5fe rgb(129,245,254)
```
#9af7fe
```
#9af7fe rgb(154,247,254)
```
#b3f9fe
```
#b3f9fe rgb(179,249,254)
```
#cdfbff
```
#cdfbff rgb(205,251,255)
```
#e6fdff
```
#e6fdff rgb(230,253,255)
```

Monochromatic Color

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

#9afeec
```
#9afeec rgb(154,254,236)
```
#9afef4
```
#9afef4 rgb(154,254,244)
```
#9afefd
```
#9afefd rgb(154,254,253)
```
#9af7fe
```
#9af7fe rgb(154,247,254)
```
#9aeffe
```
#9aeffe rgb(154,239,254)
```
#9ae6fe
```
#9ae6fe rgb(154,230,254)
```
#9adefe
```
#9adefe rgb(154,222,254)
```

Similar Colors

Text with hexadecimal color #9af7fe

This text has a font color of #9af7fe.

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

#9af7fe background color

This paragraph has a background color of #9af7fe.

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

#9af7fe border color

This element has a border color of #9af7fe.

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

CSS codes

.text {color:#9af7fe;}

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

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

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

#000e10
```
#000e10 rgb(0,14,16)
```
#002123
```
#002123 rgb(0,33,35)
```
#013336
```
#013336 rgb(1,51,54)
```
#01454a
```
#01454a rgb(1,69,74)
```
#01575d
```
#01575d rgb(1,87,93)
```
#016971
```
#016971 rgb(1,105,113)
```
#017b84
```
#017b84 rgb(1,123,132)
```
#018d98
```
#018d98 rgb(1,141,152)
```
#029fab
```
#029fab rgb(2,159,171)
```
#02b1be
```
#02b1be rgb(2,177,190)
```
#02c3d2
```
#02c3d2 rgb(2,195,210)
```
#02d5e5
```
#02d5e5 rgb(2,213,229)
```
#02e7f9
```
#02e7f9 rgb(2,231,249)
```

Shade Color Variation

#12ecfd
```
#12ecfd rgb(18,236,253)
```
#25eefd
```
#25eefd rgb(37,238,253)
```
#39effd
```
#39effd rgb(57,239,253)
```
#4cf1fd
```
#4cf1fd rgb(76,241,253)
```
#60f2fd
```
#60f2fd rgb(96,242,253)
```
#73f4fe
```
#73f4fe rgb(115,244,254)
```
#87f5fe
```
#87f5fe rgb(135,245,254)
```
#9af7fe
```
#9af7fe rgb(154,247,254)
```
#adf9fe
```
#adf9fe rgb(173,249,254)
```
#c1fafe
```
#c1fafe rgb(193,250,254)
```
#d4fcff
```
#d4fcff rgb(212,252,255)
```
#e8fdff
```
#e8fdff rgb(232,253,255)
```
#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 #9af7fe is the most saturated one.

#c9cfcf
```
#c9cfcf rgb(201,207,207)
```
#c5d2d3
```
#c5d2d3 rgb(197,210,211)
```
#c1d5d7
```
#c1d5d7 rgb(193,213,215)
```
#bdd9db
```
#bdd9db rgb(189,217,219)
```
#b9dcdf
```
#b9dcdf rgb(185,220,223)
```
#b5dfe3
```
#b5dfe3 rgb(181,223,227)
```
#b2e3e6
```
#b2e3e6 rgb(178,227,230)
```
#aee6ea
```
#aee6ea rgb(174,230,234)
```
#aaeaee
```
#aaeaee rgb(170,234,238)
```
#a6edf2
```
#a6edf2 rgb(166,237,242)
```
#a2f0f6
```
#a2f0f6 rgb(162,240,246)
```
#9ef4fa
```
#9ef4fa rgb(158,244,250)
```
#9af7fe
```
#9af7fe rgb(154,247,254)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#cfe1e3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e7f5 Protanopia 1% of men
#efe4ff Deuteranopia 1% of men
#bbf2ff Tritanopia 0.001% of the population

Trichromacy

#ccedf8 Protanomaly 1% of men, 0.01% of women
#d0ebfe Deuteranomaly 6% of men, 0.4% of women
#aff3fe Tritanomaly 0.01% of the population

#9af7fe hex color

#9af7fe Color Information

#9af7fe Color Conversion

Color Schemes with #9af7fe

Alternatives to #9af7fe

#9af7fe Preview

Shades and Tints of #9af7fe

Tones of #9af7fe

Color Blindness Simulator