#9af5fe hex color

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

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

● #9af5fe color description : Very soft cyan.

The hexadecimal color #9af5fe has RGB values of R:154, G:245, B:254 and CMYK values of C:0.39, M:0.04, Y:0, K:0. Its decimal value is 10155518.

Hex triplet	9af5fe	`#9af5fe`
RGB Decimal	154, 245, 254	`rgb(154,245,254)`
RGB Percent	60.4, 96.1, 99.6	`rgb(60.4%,96.1%,99.6%)`
CMYK	39, 4, 0, 0
HSL	185.4°, 98, 80	`hsl(185.4,98%,80%)`
HSV (or HSB)	185.4°, 39.4, 99.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.382, -24.92, -12.895
XYZ	63.864, 79.327, 105.707
xyY	0.257, 0.319, 79.327
CIE-LCH	91.382, 28.059, 207.358
CIE-LUV	91.382, -41.843, -16.457
Hunter-Lab	89.066, -27.874, -8.022
Binary	10011010, 11110101, 11111110

#9af5fe
```
#9af5fe rgb(154,245,254)
```
#fea39a
```
#fea39a rgb(254,163,154)
```

Complementary Color

#9afed5
```
#9afed5 rgb(154,254,213)
```
#9af5fe
```
#9af5fe rgb(154,245,254)
```
#9ac3fe
```
#9ac3fe rgb(154,195,254)
```

Analogous Color

#fed59a
```
#fed59a rgb(254,213,154)
```
#9af5fe
```
#9af5fe rgb(154,245,254)
```
#fe9ac3
```
#fe9ac3 rgb(254,154,195)
```

Split Complementary Color

#f5fe9a
```
#f5fe9a rgb(245,254,154)
```
#9af5fe
```
#9af5fe rgb(154,245,254)
```
#fe9af5
```
#fe9af5 rgb(254,154,245)
```

Triadic Color

#9afea3
```
#9afea3 rgb(154,254,163)
```
#9af5fe
```
#9af5fe rgb(154,245,254)
```
#fe9af5
```
#fe9af5 rgb(254,154,245)
```
#fea39a
```
#fea39a rgb(254,163,154)
```

Tetradic Color

#4eeefd
```
#4eeefd rgb(78,238,253)
```
#68f0fe
```
#68f0fe rgb(104,240,254)
```
#81f3fe
```
#81f3fe rgb(129,243,254)
```
#9af5fe
```
#9af5fe rgb(154,245,254)
```
#b3f8fe
```
#b3f8fe rgb(179,248,254)
```
#cdfaff
```
#cdfaff rgb(205,250,255)
```
#e6fdff
```
#e6fdff rgb(230,253,255)
```

Monochromatic Color

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

#9afeee
```
#9afeee rgb(154,254,238)
```
#9afef6
```
#9afef6 rgb(154,254,246)
```
#9afdfe
```
#9afdfe rgb(154,253,254)
```
#9af5fe
```
#9af5fe rgb(154,245,254)
```
#9aedfe
```
#9aedfe rgb(154,237,254)
```
#9ae4fe
```
#9ae4fe rgb(154,228,254)
```
#9adcfe
```
#9adcfe rgb(154,220,254)
```

Similar Colors

Text with hexadecimal color #9af5fe

This text has a font color of #9af5fe.

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

#9af5fe background color

This paragraph has a background color of #9af5fe.

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

#9af5fe border color

This element has a border color of #9af5fe.

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

CSS codes

.text {color:#9af5fe;}

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

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

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)
```
#002023
```
#002023 rgb(0,32,35)
```
#013236
```
#013236 rgb(1,50,54)
```
#01434a
```
#01434a rgb(1,67,74)
```
#01555d
```
#01555d rgb(1,85,93)
```
#016771
```
#016771 rgb(1,103,113)
```
#017884
```
#017884 rgb(1,120,132)
```
#018a98
```
#018a98 rgb(1,138,152)
```
#029cab
```
#029cab rgb(2,156,171)
```
#02adbe
```
#02adbe rgb(2,173,190)
```
#02bfd2
```
#02bfd2 rgb(2,191,210)
```
#02d1e5
```
#02d1e5 rgb(2,209,229)
```
#02e2f9
```
#02e2f9 rgb(2,226,249)
```

Shade Color Variation

#12e8fd
```
#12e8fd rgb(18,232,253)
```
#25e9fd
```
#25e9fd rgb(37,233,253)
```
#39ebfd
```
#39ebfd rgb(57,235,253)
```
#4cedfd
```
#4cedfd rgb(76,237,253)
```
#60effd
```
#60effd rgb(96,239,253)
```
#73f1fe
```
#73f1fe rgb(115,241,254)
```
#87f3fe
```
#87f3fe rgb(135,243,254)
```
#9af5fe
```
#9af5fe rgb(154,245,254)
```
#adf7fe
```
#adf7fe rgb(173,247,254)
```
#c1f9fe
```
#c1f9fe rgb(193,249,254)
```
#d4fbff
```
#d4fbff rgb(212,251,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, #c9cecf is the less saturated color, while #9af5fe is the most saturated one.

#c9cecf
```
#c9cecf rgb(201,206,207)
```
#c5d2d3
```
#c5d2d3 rgb(197,210,211)
```
#c1d5d7
```
#c1d5d7 rgb(193,213,215)
```
#bdd8db
```
#bdd8db rgb(189,216,219)
```
#b9dbdf
```
#b9dbdf rgb(185,219,223)
```
#b5dee3
```
#b5dee3 rgb(181,222,227)
```
#b2e2e6
```
#b2e2e6 rgb(178,226,230)
```
#aee5ea
```
#aee5ea rgb(174,229,234)
```
#aae8ee
```
#aae8ee rgb(170,232,238)
```
#a6ebf2
```
#a6ebf2 rgb(166,235,242)
```
#a2eff6
```
#a2eff6 rgb(162,239,246)
```
#9ef2fa
```
#9ef2fa rgb(158,242,250)
```
#9af5fe
```
#9af5fe rgb(154,245,254)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#cee0e2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e6f5 Protanopia 1% of men
#ede3ff Deuteranopia 1% of men
#b6f1ff Tritanopia 0.001% of the population

Trichromacy

#cbebf8 Protanomaly 1% of men, 0.01% of women
#cee9fe Deuteranomaly 6% of men, 0.4% of women
#acf2fe Tritanomaly 0.01% of the population

#9af5fe hex color

#9af5fe Color Information

#9af5fe Color Conversion

Color Schemes with #9af5fe

Alternatives to #9af5fe

#9af5fe Preview

Shades and Tints of #9af5fe

Tones of #9af5fe

Color Blindness Simulator