colorhexa.com

#9af3dc hex color

In a RGB color space, hex #9af3dc is composed of 60.4% red, 95.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 0% magenta, 9.5% yellow and 4.7% black. It has a hue angle of 164.5 degrees, a saturation of 78.8% and a lightness of 77.8%. #9af3dc color hex could be obtained by blending #ffffff with #35e7b9. Closest websafe color is: #99ffcc.

- R 60
- G 95
- B 86
RGB color chart
- C 37
- M 0
- Y 9
- K 5
CMYK color chart

● #9af3dc color description : Very soft cyan - lime green.

The hexadecimal color #9af3dc has RGB values of R:154, G:243, B:220 and CMYK values of C:0.37, M:0, Y:0.09, K:0.05. Its decimal value is 10154972.

Hex triplet	9af3dc	`#9af3dc`
RGB Decimal	154, 243, 220	`rgb(154,243,220)`
RGB Percent	60.4, 95.3, 86.3	`rgb(60.4%,95.3%,86.3%)`
CMYK	37, 0, 9, 5
HSL	164.5°, 78.8, 77.8	`hsl(164.5,78.8%,77.8%)`
HSV (or HSB)	164.5°, 36.6, 95.3
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.922, -31.753, 2.659
XYZ	58.292, 76.136, 79.33
xyY	0.273, 0.356, 76.136
CIE-LCH	89.922, 31.865, 175.213
CIE-LUV	89.922, -41.767, 9.432
Hunter-Lab	87.256, -33.45, 7.174
Binary	10011010, 11110011, 11011100

#9af3dc
```
#9af3dc rgb(154,243,220)
```
#f39ab1
```
#f39ab1 rgb(243,154,177)
```

Complementary Color

#9af3b0
```
#9af3b0 rgb(154,243,176)
```
#9af3dc
```
#9af3dc rgb(154,243,220)
```
#9adef3
```
#9adef3 rgb(154,222,243)
```

Analogous Color

#f3b09a
```
#f3b09a rgb(243,176,154)
```
#9af3dc
```
#9af3dc rgb(154,243,220)
```
#f39ade
```
#f39ade rgb(243,154,222)
```

Split Complementary Color

#f3dc9a
```
#f3dc9a rgb(243,220,154)
```
#9af3dc
```
#9af3dc rgb(154,243,220)
```
#dc9af3
```
#dc9af3 rgb(220,154,243)
```

Triadic Color

#b1f39a
```
#b1f39a rgb(177,243,154)
```
#9af3dc
```
#9af3dc rgb(154,243,220)
```
#dc9af3
```
#dc9af3 rgb(220,154,243)
```
#f39ab1
```
#f39ab1 rgb(243,154,177)
```

Tetradic Color

#56ebc4
```
#56ebc4 rgb(86,235,196)
```
#6ceecc
```
#6ceecc rgb(108,238,204)
```
#83f0d4
```
#83f0d4 rgb(131,240,212)
```
#9af3dc
```
#9af3dc rgb(154,243,220)
```
#b1f6e4
```
#b1f6e4 rgb(177,246,228)
```
#c8f8ec
```
#c8f8ec rgb(200,248,236)
```
#defbf4
```
#defbf4 rgb(222,251,244)
```

Monochromatic Color

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

#9af3c6
```
#9af3c6 rgb(154,243,198)
```
#9af3cd
```
#9af3cd rgb(154,243,205)
```
#9af3d5
```
#9af3d5 rgb(154,243,213)
```
#9af3dc
```
#9af3dc rgb(154,243,220)
```
#9af3e3
```
#9af3e3 rgb(154,243,227)
```
#9af3eb
```
#9af3eb rgb(154,243,235)
```
#9af3f2
```
#9af3f2 rgb(154,243,242)
```

Similar Colors

Text with hexadecimal color #9af3dc

This text has a font color of #9af3dc.

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

#9af3dc background color

This paragraph has a background color of #9af3dc.

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

#9af3dc border color

This element has a border color of #9af3dc.

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

CSS codes

.text {color:#9af3dc;}

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

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

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, #000403 is the darkest color, while #f2fdfa is the lightest one.

#000403
```
#000403 rgb(0,4,3)
```
#031611
```
#031611 rgb(3,22,17)
```
#05271e
```
#05271e rgb(5,39,30)
```
#07392c
```
#07392c rgb(7,57,44)
```
#094a39
```
#094a39 rgb(9,74,57)
```
#0b5c47
```
#0b5c47 rgb(11,92,71)
```
#0d6d54
```
#0d6d54 rgb(13,109,84)
```
#0f7f62
```
#0f7f62 rgb(15,127,98)
```
#119070
```
#119070 rgb(17,144,112)
```
#13a27d
```
#13a27d rgb(19,162,125)
```
#15b48b
```
#15b48b rgb(21,180,139)
```
#17c598
```
#17c598 rgb(23,197,152)
```
#19d7a6
```
#19d7a6 rgb(25,215,166)
```

Shade Color Variation

#1fe4b1
```
#1fe4b1 rgb(31,228,177)
```
#31e7b8
```
#31e7b8 rgb(49,231,184)
```
#42e9be
```
#42e9be rgb(66,233,190)
```
#54ebc4
```
#54ebc4 rgb(84,235,196)
```
#65edca
```
#65edca rgb(101,237,202)
```
#77efd0
```
#77efd0 rgb(119,239,208)
```
#88f1d6
```
#88f1d6 rgb(136,241,214)
```
#9af3dc
```
#9af3dc rgb(154,243,220)
```
#acf5e2
```
#acf5e2 rgb(172,245,226)
```
#bdf7e8
```
#bdf7e8 rgb(189,247,232)
```
#cff9ee
```
#cff9ee rgb(207,249,238)
```
#e0fbf4
```
#e0fbf4 rgb(224,251,244)
```
#f2fdfa
```
#f2fdfa rgb(242,253,250)
```

Tint Color Variation

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

#c5c8c7
```
#c5c8c7 rgb(197,200,199)
```
#c1ccc9
```
#c1ccc9 rgb(193,204,201)
```
#bdd0cb
```
#bdd0cb rgb(189,208,203)
```
#b8d5cd
```
#b8d5cd rgb(184,213,205)
```
#b4d9cf
```
#b4d9cf rgb(180,217,207)
```
#b0ddd2
```
#b0ddd2 rgb(176,221,210)
```
#abe2d4
```
#abe2d4 rgb(171,226,212)
```
#a7e6d6
```
#a7e6d6 rgb(167,230,214)
```
#a3ead8
```
#a3ead8 rgb(163,234,216)
```
#9eefda
```
#9eefda rgb(158,239,218)
```
#9af3dc
```
#9af3dc rgb(154,243,220)
```
#96f7de
```
#96f7de rgb(150,247,222)
```
#91fce0
```
#91fce0 rgb(145,252,224)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#cadcd7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae2d5 Protanopia 1% of men
#f7dce5 Deuteranopia 1% of men
#abeeff Tritanopia 0.001% of the population

Trichromacy

#cde8d7 Protanomaly 1% of men, 0.01% of women
#d5e4e2 Deuteranomaly 6% of men, 0.4% of women
#a5eff2 Tritanomaly 0.01% of the population