#9af0fe hex color

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

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

● #9af0fe color description : Very soft cyan.

The hexadecimal color #9af0fe has RGB values of R:154, G:240, B:254 and CMYK values of C:0.39, M:0.06, Y:0, K:0. Its decimal value is 10154238.

Hex triplet	9af0fe	`#9af0fe`
RGB Decimal	154, 240, 254	`rgb(154,240,254)`
RGB Percent	60.4, 94.1, 99.6	`rgb(60.4%,94.1%,99.6%)`
CMYK	39, 6, 0, 0
HSL	188.4°, 98, 80	`hsl(188.4,98%,80%)`
HSV (or HSB)	188.4°, 39.4, 99.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.018, -22.479, -14.935
XYZ	62.371, 76.343, 105.21
xyY	0.256, 0.313, 76.343
CIE-LCH	90.018, 26.988, 213.6
CIE-LUV	90.018, -39.839, -20.174
Hunter-Lab	87.374, -25.485, -10.231
Binary	10011010, 11110000, 11111110

#9af0fe
```
#9af0fe rgb(154,240,254)
```
#fea89a
```
#fea89a rgb(254,168,154)
```

Complementary Color

#9afeda
```
#9afeda rgb(154,254,218)
```
#9af0fe
```
#9af0fe rgb(154,240,254)
```
#9abefe
```
#9abefe rgb(154,190,254)
```

Analogous Color

#feda9a
```
#feda9a rgb(254,218,154)
```
#9af0fe
```
#9af0fe rgb(154,240,254)
```
#fe9abe
```
#fe9abe rgb(254,154,190)
```

Split Complementary Color

#f0fe9a
```
#f0fe9a rgb(240,254,154)
```
#9af0fe
```
#9af0fe rgb(154,240,254)
```
#fe9af0
```
#fe9af0 rgb(254,154,240)
```

Triadic Color

#9afea8
```
#9afea8 rgb(154,254,168)
```
#9af0fe
```
#9af0fe rgb(154,240,254)
```
#fe9af0
```
#fe9af0 rgb(254,154,240)
```
#fea89a
```
#fea89a rgb(254,168,154)
```

Tetradic Color

#4ee5fd
```
#4ee5fd rgb(78,229,253)
```
#68e9fe
```
#68e9fe rgb(104,233,254)
```
#81ecfe
```
#81ecfe rgb(129,236,254)
```
#9af0fe
```
#9af0fe rgb(154,240,254)
```
#b3f4fe
```
#b3f4fe rgb(179,244,254)
```
#cdf8ff
```
#cdf8ff rgb(205,248,255)
```
#e6fbff
```
#e6fbff rgb(230,251,255)
```

Monochromatic Color

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

#9afef3
```
#9afef3 rgb(154,254,243)
```
#9afefb
```
#9afefb rgb(154,254,251)
```
#9af8fe
```
#9af8fe rgb(154,248,254)
```
#9af0fe
```
#9af0fe rgb(154,240,254)
```
#9ae8fe
```
#9ae8fe rgb(154,232,254)
```
#9adffe
```
#9adffe rgb(154,223,254)
```
#9ad7fe
```
#9ad7fe rgb(154,215,254)
```

Similar Colors

Text with hexadecimal color #9af0fe

This text has a font color of #9af0fe.

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

#9af0fe background color

This paragraph has a background color of #9af0fe.

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

#9af0fe border color

This element has a border color of #9af0fe.

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

CSS codes

.text {color:#9af0fe;}

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

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

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

#000d10
```
#000d10 rgb(0,13,16)
```
#001e23
```
#001e23 rgb(0,30,35)
```
#012f36
```
#012f36 rgb(1,47,54)
```
#01404a
```
#01404a rgb(1,64,74)
```
#01505d
```
#01505d rgb(1,80,93)
```
#016171
```
#016171 rgb(1,97,113)
```
#017284
```
#017284 rgb(1,114,132)
```
#018398
```
#018398 rgb(1,131,152)
```
#0293ab
```
#0293ab rgb(2,147,171)
```
#02a4be
```
#02a4be rgb(2,164,190)
```
#02b5d2
```
#02b5d2 rgb(2,181,210)
```
#02c5e5
```
#02c5e5 rgb(2,197,229)
```
#02d6f9
```
#02d6f9 rgb(2,214,249)
```

Shade Color Variation

#12dcfd
```
#12dcfd rgb(18,220,253)
```
#25dffd
```
#25dffd rgb(37,223,253)
```
#39e2fd
```
#39e2fd rgb(57,226,253)
```
#4ce4fd
```
#4ce4fd rgb(76,228,253)
```
#60e7fd
```
#60e7fd rgb(96,231,253)
```
#73eafe
```
#73eafe rgb(115,234,254)
```
#87edfe
```
#87edfe rgb(135,237,254)
```
#9af0fe
```
#9af0fe rgb(154,240,254)
```
#adf3fe
```
#adf3fe rgb(173,243,254)
```
#c1f6fe
```
#c1f6fe rgb(193,246,254)
```
#d4f9ff
```
#d4f9ff rgb(212,249,255)
```
#e8fcff
```
#e8fcff rgb(232,252,255)
```
#fbfeff
```
#fbfeff rgb(251,254,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 #9af0fe is the most saturated one.

#c9cecf
```
#c9cecf rgb(201,206,207)
```
#c5d1d3
```
#c5d1d3 rgb(197,209,211)
```
#c1d4d7
```
#c1d4d7 rgb(193,212,215)
```
#bdd7db
```
#bdd7db rgb(189,215,219)
```
#b9d9df
```
#b9d9df rgb(185,217,223)
```
#b5dce3
```
#b5dce3 rgb(181,220,227)
```
#b2dfe6
```
#b2dfe6 rgb(178,223,230)
```
#aee2ea
```
#aee2ea rgb(174,226,234)
```
#aae5ee
```
#aae5ee rgb(170,229,238)
```
#a6e8f2
```
#a6e8f2 rgb(166,232,242)
```
#a2eaf6
```
#a2eaf6 rgb(162,234,246)
```
#9eedfa
```
#9eedfa rgb(158,237,250)
```
#9af0fe
```
#9af0fe rgb(154,240,254)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#ccdde0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2e2f5 Protanopia 1% of men
#e7dfff Deuteranopia 1% of men
#a8efff Tritanopia 0.001% of the population

Trichromacy

#c7e7f8 Protanomaly 1% of men, 0.01% of women
#cbe5fe Deuteranomaly 6% of men, 0.4% of women
#a3effe Tritanomaly 0.01% of the population

#9af0fe hex color

#9af0fe Color Information

#9af0fe Color Conversion

Color Schemes with #9af0fe

Alternatives to #9af0fe

#9af0fe Preview

Shades and Tints of #9af0fe

Tones of #9af0fe

Color Blindness Simulator