#9af2fd hex color

In a RGB color space, hex #9af2fd is composed of 60.4% red, 94.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 39.1% cyan, 4.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 186.7 degrees, a saturation of 96.1% and a lightness of 79.8%. #9af2fd color hex could be obtained by blending #ffffff with #35e5fb. Closest websafe color is: #99ffff.

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

● #9af2fd color description : Very soft cyan.

The hexadecimal color #9af2fd has RGB values of R:154, G:242, B:253 and CMYK values of C:0.39, M:0.04, Y:0, K:0.01. Its decimal value is 10154749.

Hex triplet	9af2fd	`#9af2fd`
RGB Decimal	154, 242, 253	`rgb(154,242,253)`
RGB Percent	60.4, 94.9, 99.2	`rgb(60.4%,94.9%,99.2%)`
CMYK	39, 4, 0, 1
HSL	186.7°, 96.1, 79.8	`hsl(186.7,96.1%,79.8%)`
HSV (or HSB)	186.7°, 39.1, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.534, -23.702, -13.641
XYZ	62.804, 77.463, 104.566
xyY	0.257, 0.316, 77.463
CIE-LCH	90.534, 27.347, 209.922
CIE-LUV	90.534, -40.662, -17.858
Hunter-Lab	88.013, -26.65, -8.832
Binary	10011010, 11110010, 11111101

#9af2fd
```
#9af2fd rgb(154,242,253)
```
#fda59a
```
#fda59a rgb(253,165,154)
```

Complementary Color

#9afdd7
```
#9afdd7 rgb(154,253,215)
```
#9af2fd
```
#9af2fd rgb(154,242,253)
```
#9ac1fd
```
#9ac1fd rgb(154,193,253)
```

Analogous Color

#fdd79a
```
#fdd79a rgb(253,215,154)
```
#9af2fd
```
#9af2fd rgb(154,242,253)
```
#fd9ac1
```
#fd9ac1 rgb(253,154,193)
```

Split Complementary Color

#f2fd9a
```
#f2fd9a rgb(242,253,154)
```
#9af2fd
```
#9af2fd rgb(154,242,253)
```
#fd9af2
```
#fd9af2 rgb(253,154,242)
```

Triadic Color

#9afda5
```
#9afda5 rgb(154,253,165)
```
#9af2fd
```
#9af2fd rgb(154,242,253)
```
#fd9af2
```
#fd9af2 rgb(253,154,242)
```
#fda59a
```
#fda59a rgb(253,165,154)
```

Tetradic Color

#4fe8fc
```
#4fe8fc rgb(79,232,252)
```
#68ecfc
```
#68ecfc rgb(104,236,252)
```
#81effd
```
#81effd rgb(129,239,253)
```
#9af2fd
```
#9af2fd rgb(154,242,253)
```
#b3f5fd
```
#b3f5fd rgb(179,245,253)
```
#ccf8fe
```
#ccf8fe rgb(204,248,254)
```
#e5fcfe
```
#e5fcfe rgb(229,252,254)
```

Monochromatic Color

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

#9afdef
```
#9afdef rgb(154,253,239)
```
#9afdf8
```
#9afdf8 rgb(154,253,248)
```
#9afafd
```
#9afafd rgb(154,250,253)
```
#9af2fd
```
#9af2fd rgb(154,242,253)
```
#9aeafd
```
#9aeafd rgb(154,234,253)
```
#9ae2fd
```
#9ae2fd rgb(154,226,253)
```
#9ad9fd
```
#9ad9fd rgb(154,217,253)
```

Similar Colors

Text with hexadecimal color #9af2fd

This text has a font color of #9af2fd.

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

#9af2fd background color

This paragraph has a background color of #9af2fd.

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

#9af2fd border color

This element has a border color of #9af2fd.

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

CSS codes

.text {color:#9af2fd;}

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

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

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

#000d0e
```
#000d0e rgb(0,13,14)
```
#011e22
```
#011e22 rgb(1,30,34)
```
#012f35
```
#012f35 rgb(1,47,53)
```
#014048
```
#014048 rgb(1,64,72)
```
#02515b
```
#02515b rgb(2,81,91)
```
#02636f
```
#02636f rgb(2,99,111)
```
#037482
```
#037482 rgb(3,116,130)
```
#038595
```
#038595 rgb(3,133,149)
```
#0396a8
```
#0396a8 rgb(3,150,168)
```
#04a7bc
```
#04a7bc rgb(4,167,188)
```
#04b8cf
```
#04b8cf rgb(4,184,207)
```
#04c9e2
```
#04c9e2 rgb(4,201,226)
```
#05dbf5
```
#05dbf5 rgb(5,219,245)
```

Shade Color Variation

#13e1fa
```
#13e1fa rgb(19,225,250)
```
#27e3fb
```
#27e3fb rgb(39,227,251)
```
#3ae6fb
```
#3ae6fb rgb(58,230,251)
```
#4de8fb
```
#4de8fb rgb(77,232,251)
```
#60ebfc
```
#60ebfc rgb(96,235,252)
```
#74edfc
```
#74edfc rgb(116,237,252)
```
#87f0fd
```
#87f0fd rgb(135,240,253)
```
#9af2fd
```
#9af2fd rgb(154,242,253)
```
#adf4fd
```
#adf4fd rgb(173,244,253)
```
#c0f7fe
```
#c0f7fe rgb(192,247,254)
```
#d4f9fe
```
#d4f9fe rgb(212,249,254)
```
#e7fcff
```
#e7fcff rgb(231,252,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#cacdcd
```
#cacdcd rgb(202,205,205)
```
#c6d0d1
```
#c6d0d1 rgb(198,208,209)
```
#c2d3d5
```
#c2d3d5 rgb(194,211,213)
```
#bed6d9
```
#bed6d9 rgb(190,214,217)
```
#bad9dd
```
#bad9dd rgb(186,217,221)
```
#b6dce1
```
#b6dce1 rgb(182,220,225)
```
#b2e0e5
```
#b2e0e5 rgb(178,224,229)
```
#aee3e9
```
#aee3e9 rgb(174,227,233)
```
#aae6ed
```
#aae6ed rgb(170,230,237)
```
#a6e9f1
```
#a6e9f1 rgb(166,233,241)
```
#a2ecf5
```
#a2ecf5 rgb(162,236,245)
```
#9eeff9
```
#9eeff9 rgb(158,239,249)
```
#9af2fd
```
#9af2fd rgb(154,242,253)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#ccdee0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e3f4 Protanopia 1% of men
#eae0ff Deuteranopia 1% of men
#aeefff Tritanopia 0.001% of the population

Trichromacy

#c9e9f7 Protanomaly 1% of men, 0.01% of women
#cde7fe Deuteranomaly 6% of men, 0.4% of women
#a6f0fe Tritanomaly 0.01% of the population

#9af2fd hex color

#9af2fd Color Information

#9af2fd Color Conversion

Color Schemes with #9af2fd

Alternatives to #9af2fd

#9af2fd Preview

Shades and Tints of #9af2fd

Tones of #9af2fd

Color Blindness Simulator