#9af1fd hex color

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

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

● #9af1fd color description : Very soft cyan.

The hexadecimal color #9af1fd has RGB values of R:154, G:241, B:253 and CMYK values of C:0.39, M:0.05, Y:0, K:0.01. Its decimal value is 10154493.

Hex triplet	9af1fd	`#9af1fd`
RGB Decimal	154, 241, 253	`rgb(154,241,253)`
RGB Percent	60.4, 94.5, 99.2	`rgb(60.4%,94.5%,99.2%)`
CMYK	39, 5, 0, 1
HSL	187.3°, 96.1, 79.8	`hsl(187.3,96.1%,79.8%)`
HSV (or HSB)	187.3°, 39.1, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.261, -23.213, -14.049
XYZ	62.507, 76.869, 104.467
xyY	0.256, 0.315, 76.869
CIE-LCH	90.261, 27.134, 211.184
CIE-LUV	90.261, -40.26, -18.601
Hunter-Lab	87.675, -26.172, -9.273
Binary	10011010, 11110001, 11111101

#9af1fd
```
#9af1fd rgb(154,241,253)
```
#fda69a
```
#fda69a rgb(253,166,154)
```

Complementary Color

#9afdd8
```
#9afdd8 rgb(154,253,216)
```
#9af1fd
```
#9af1fd rgb(154,241,253)
```
#9ac0fd
```
#9ac0fd rgb(154,192,253)
```

Analogous Color

#fdd89a
```
#fdd89a rgb(253,216,154)
```
#9af1fd
```
#9af1fd rgb(154,241,253)
```
#fd9ac0
```
#fd9ac0 rgb(253,154,192)
```

Split Complementary Color

#f1fd9a
```
#f1fd9a rgb(241,253,154)
```
#9af1fd
```
#9af1fd rgb(154,241,253)
```
#fd9af1
```
#fd9af1 rgb(253,154,241)
```

Triadic Color

#9afda6
```
#9afda6 rgb(154,253,166)
```
#9af1fd
```
#9af1fd rgb(154,241,253)
```
#fd9af1
```
#fd9af1 rgb(253,154,241)
```
#fda69a
```
#fda69a rgb(253,166,154)
```

Tetradic Color

#4fe7fc
```
#4fe7fc rgb(79,231,252)
```
#68eafc
```
#68eafc rgb(104,234,252)
```
#81eefd
```
#81eefd rgb(129,238,253)
```
#9af1fd
```
#9af1fd rgb(154,241,253)
```
#b3f4fd
```
#b3f4fd rgb(179,244,253)
```
#ccf8fe
```
#ccf8fe rgb(204,248,254)
```
#e5fbfe
```
#e5fbfe rgb(229,251,254)
```

Monochromatic Color

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

#9afdf0
```
#9afdf0 rgb(154,253,240)
```
#9afdf9
```
#9afdf9 rgb(154,253,249)
```
#9af9fd
```
#9af9fd rgb(154,249,253)
```
#9af1fd
```
#9af1fd rgb(154,241,253)
```
#9ae9fd
```
#9ae9fd rgb(154,233,253)
```
#9ae1fd
```
#9ae1fd rgb(154,225,253)
```
#9ad8fd
```
#9ad8fd rgb(154,216,253)
```

Similar Colors

Text with hexadecimal color #9af1fd

This text has a font color of #9af1fd.

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

#9af1fd background color

This paragraph has a background color of #9af1fd.

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

#9af1fd border color

This element has a border color of #9af1fd.

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

CSS codes

.text {color:#9af1fd;}

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

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

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)
```
#02505b
```
#02505b rgb(2,80,91)
```
#02616f
```
#02616f rgb(2,97,111)
```
#037282
```
#037282 rgb(3,114,130)
```
#038395
```
#038395 rgb(3,131,149)
```
#0394a8
```
#0394a8 rgb(3,148,168)
```
#04a5bc
```
#04a5bc rgb(4,165,188)
```
#04b6cf
```
#04b6cf rgb(4,182,207)
```
#04c7e2
```
#04c7e2 rgb(4,199,226)
```
#05d8f5
```
#05d8f5 rgb(5,216,245)
```

Shade Color Variation

#13defa
```
#13defa rgb(19,222,250)
```
#27e1fb
```
#27e1fb rgb(39,225,251)
```
#3ae4fb
```
#3ae4fb rgb(58,228,251)
```
#4de6fb
```
#4de6fb rgb(77,230,251)
```
#60e9fc
```
#60e9fc rgb(96,233,252)
```
#74ecfc
```
#74ecfc rgb(116,236,252)
```
#87eefd
```
#87eefd rgb(135,238,253)
```
#9af1fd
```
#9af1fd rgb(154,241,253)
```
#adf4fd
```
#adf4fd rgb(173,244,253)
```
#c0f6fe
```
#c0f6fe rgb(192,246,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 #9af1fd 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)
```
#b2dfe5
```
#b2dfe5 rgb(178,223,229)
```
#aee2e9
```
#aee2e9 rgb(174,226,233)
```
#aae5ed
```
#aae5ed rgb(170,229,237)
```
#a6e8f1
```
#a6e8f1 rgb(166,232,241)
```
#a2ebf5
```
#a2ebf5 rgb(162,235,245)
```
#9eeef9
```
#9eeef9 rgb(158,238,249)
```
#9af1fd
```
#9af1fd rgb(154,241,253)
```

Tone Color Variation

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

Dichromacy

#e3e3f4 Protanopia 1% of men
#e9e0ff Deuteranopia 1% of men
#abefff Tritanopia 0.001% of the population

Trichromacy

#c8e8f7 Protanomaly 1% of men, 0.01% of women
#cce6fe Deuteranomaly 6% of men, 0.4% of women
#a4effe Tritanomaly 0.01% of the population

#9af1fd hex color

#9af1fd Color Information

#9af1fd Color Conversion

Color Schemes with #9af1fd

Alternatives to #9af1fd

#9af1fd Preview

Shades and Tints of #9af1fd

Tones of #9af1fd

Color Blindness Simulator