#9af9fd hex color

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

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

● #9af9fd color description : Very soft cyan.

The hexadecimal color #9af9fd has RGB values of R:154, G:249, B:253 and CMYK values of C:0.39, M:0.02, Y:0, K:0.01. Its decimal value is 10156541.

Hex triplet	9af9fd	`#9af9fd`
RGB Decimal	154, 249, 253	`rgb(154,249,253)`
RGB Percent	60.4, 97.6, 99.2	`rgb(60.4%,97.6%,99.2%)`
CMYK	39, 2, 0, 1
HSL	182.4°, 96.1, 79.8	`hsl(182.4,96.1%,79.8%)`
HSV (or HSB)	182.4°, 39.1, 99.2
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.447, -27.091, -10.788
XYZ	64.927, 81.71, 105.273
xyY	0.258, 0.324, 81.71
CIE-LCH	92.447, 29.16, 201.713
CIE-LUV	92.447, -43.467, -12.677
Hunter-Lab	90.393, -29.977, -5.775
Binary	10011010, 11111001, 11111101

#9af9fd
```
#9af9fd rgb(154,249,253)
```
#fd9e9a
```
#fd9e9a rgb(253,158,154)
```

Complementary Color

#9afdd0
```
#9afdd0 rgb(154,253,208)
```
#9af9fd
```
#9af9fd rgb(154,249,253)
```
#9ac8fd
```
#9ac8fd rgb(154,200,253)
```

Analogous Color

#fdd09a
```
#fdd09a rgb(253,208,154)
```
#9af9fd
```
#9af9fd rgb(154,249,253)
```
#fd9ac8
```
#fd9ac8 rgb(253,154,200)
```

Split Complementary Color

#f9fd9a
```
#f9fd9a rgb(249,253,154)
```
#9af9fd
```
#9af9fd rgb(154,249,253)
```
#fd9af9
```
#fd9af9 rgb(253,154,249)
```

Triadic Color

#9afd9e
```
#9afd9e rgb(154,253,158)
```
#9af9fd
```
#9af9fd rgb(154,249,253)
```
#fd9af9
```
#fd9af9 rgb(253,154,249)
```
#fd9e9a
```
#fd9e9a rgb(253,158,154)
```

Tetradic Color

#4ff5fc
```
#4ff5fc rgb(79,245,252)
```
#68f6fc
```
#68f6fc rgb(104,246,252)
```
#81f8fd
```
#81f8fd rgb(129,248,253)
```
#9af9fd
```
#9af9fd rgb(154,249,253)
```
#b3fafd
```
#b3fafd rgb(179,250,253)
```
#ccfcfe
```
#ccfcfe rgb(204,252,254)
```
#e5fdfe
```
#e5fdfe rgb(229,253,254)
```

Monochromatic Color

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

#9afde8
```
#9afde8 rgb(154,253,232)
```
#9afdf1
```
#9afdf1 rgb(154,253,241)
```
#9afdf9
```
#9afdf9 rgb(154,253,249)
```
#9af9fd
```
#9af9fd rgb(154,249,253)
```
#9af1fd
```
#9af1fd rgb(154,241,253)
```
#9ae9fd
```
#9ae9fd rgb(154,233,253)
```
#9ae0fd
```
#9ae0fd rgb(154,224,253)
```

Similar Colors

Text with hexadecimal color #9af9fd

This text has a font color of #9af9fd.

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

#9af9fd background color

This paragraph has a background color of #9af9fd.

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

#9af9fd border color

This element has a border color of #9af9fd.

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

CSS codes

.text {color:#9af9fd;}

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

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

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

#000e0e
```
#000e0e rgb(0,14,14)
```
#012022
```
#012022 rgb(1,32,34)
```
#013335
```
#013335 rgb(1,51,53)
```
#014548
```
#014548 rgb(1,69,72)
```
#02585b
```
#02585b rgb(2,88,91)
```
#026a6f
```
#026a6f rgb(2,106,111)
```
#037d82
```
#037d82 rgb(3,125,130)
```
#038f95
```
#038f95 rgb(3,143,149)
```
#03a2a8
```
#03a2a8 rgb(3,162,168)
```
#04b4bc
```
#04b4bc rgb(4,180,188)
```
#04c7cf
```
#04c7cf rgb(4,199,207)
```
#04d9e2
```
#04d9e2 rgb(4,217,226)
```
#05ecf5
```
#05ecf5 rgb(5,236,245)
```

Shade Color Variation

#13f1fa
```
#13f1fa rgb(19,241,250)
```
#27f2fb
```
#27f2fb rgb(39,242,251)
```
#3af3fb
```
#3af3fb rgb(58,243,251)
```
#4df4fb
```
#4df4fb rgb(77,244,251)
```
#60f6fc
```
#60f6fc rgb(96,246,252)
```
#74f7fc
```
#74f7fc rgb(116,247,252)
```
#87f8fd
```
#87f8fd rgb(135,248,253)
```
#9af9fd
```
#9af9fd rgb(154,249,253)
```
#adfafd
```
#adfafd rgb(173,250,253)
```
#c0fbfe
```
#c0fbfe rgb(192,251,254)
```
#d4fcfe
```
#d4fcfe rgb(212,252,254)
```
#e7feff
```
#e7feff rgb(231,254,255)
```
#faffff
```
#faffff rgb(250,255,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 #9af9fd is the most saturated one.

#cacdcd
```
#cacdcd rgb(202,205,205)
```
#c6d1d1
```
#c6d1d1 rgb(198,209,209)
```
#c2d5d5
```
#c2d5d5 rgb(194,213,213)
```
#bed8d9
```
#bed8d9 rgb(190,216,217)
```
#badcdd
```
#badcdd rgb(186,220,221)
```
#b6e0e1
```
#b6e0e1 rgb(182,224,225)
```
#b2e3e5
```
#b2e3e5 rgb(178,227,229)
```
#aee7e9
```
#aee7e9 rgb(174,231,233)
```
#aaeaed
```
#aaeaed rgb(170,234,237)
```
#a6eef1
```
#a6eef1 rgb(166,238,241)
```
#a2f2f5
```
#a2f2f5 rgb(162,242,245)
```
#9ef5f9
```
#9ef5f9 rgb(158,245,249)
```
#9af9fd
```
#9af9fd rgb(154,249,253)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d0e3e3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe9f4 Protanopia 1% of men
#f1e5ff Deuteranopia 1% of men
#c0f2ff Tritanopia 0.001% of the population

Trichromacy

#cdeef7 Protanomaly 1% of men, 0.01% of women
#d1ecfe Deuteranomaly 6% of men, 0.4% of women
#b2f5fe Tritanomaly 0.01% of the population

#9af9fd hex color

#9af9fd Color Information

#9af9fd Color Conversion

Color Schemes with #9af9fd

Alternatives to #9af9fd

#9af9fd Preview

Shades and Tints of #9af9fd

Tones of #9af9fd

Color Blindness Simulator