#9af0d9 hex color

In a RGB color space, hex #9af0d9 is composed of 60.4% red, 94.1% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 0% magenta, 9.6% yellow and 5.9% black. It has a hue angle of 164 degrees, a saturation of 74.1% and a lightness of 77.3%. #9af0d9 color hex could be obtained by blending #ffffff with #35e1b3. Closest websafe color is: #99ffcc.

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

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

The hexadecimal color #9af0d9 has RGB values of R:154, G:240, B:217 and CMYK values of C:0.36, M:0, Y:0.1, K:0.06. Its decimal value is 10154201.

Hex triplet	9af0d9	`#9af0d9`
RGB Decimal	154, 240, 217	`rgb(154,240,217)`
RGB Percent	60.4, 94.1, 85.1	`rgb(60.4%,94.1%,85.1%)`
CMYK	36, 0, 10, 6
HSL	164°, 74.1, 77.3	`hsl(164,74.1%,77.3%)`
HSV (or HSB)	164°, 35.8, 94.1
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.016, -30.988, 2.907
XYZ	57.007, 74.197, 76.959
xyY	0.274, 0.356, 74.197
CIE-LCH	89.016, 31.124, 174.641
CIE-LUV	89.016, -40.571, 9.672
Hunter-Lab	86.138, -32.607, 7.324
Binary	10011010, 11110000, 11011001

#9af0d9
```
#9af0d9 rgb(154,240,217)
```
#f09ab1
```
#f09ab1 rgb(240,154,177)
```

Complementary Color

#9af0ae
```
#9af0ae rgb(154,240,174)
```
#9af0d9
```
#9af0d9 rgb(154,240,217)
```
#9adcf0
```
#9adcf0 rgb(154,220,240)
```

Analogous Color

#f0ae9a
```
#f0ae9a rgb(240,174,154)
```
#9af0d9
```
#9af0d9 rgb(154,240,217)
```
#f09adc
```
#f09adc rgb(240,154,220)
```

Split Complementary Color

#f0d99a
```
#f0d99a rgb(240,217,154)
```
#9af0d9
```
#9af0d9 rgb(154,240,217)
```
#d99af0
```
#d99af0 rgb(217,154,240)
```

Triadic Color

#b1f09a
```
#b1f09a rgb(177,240,154)
```
#9af0d9
```
#9af0d9 rgb(154,240,217)
```
#d99af0
```
#d99af0 rgb(217,154,240)
```
#f09ab1
```
#f09ab1 rgb(240,154,177)
```

Tetradic Color

#57e6c0
```
#57e6c0 rgb(87,230,192)
```
#6ee9c8
```
#6ee9c8 rgb(110,233,200)
```
#84edd1
```
#84edd1 rgb(132,237,209)
```
#9af0d9
```
#9af0d9 rgb(154,240,217)
```
#b0f3e1
```
#b0f3e1 rgb(176,243,225)
```
#c6f7ea
```
#c6f7ea rgb(198,247,234)
```
#ddfaf2
```
#ddfaf2 rgb(221,250,242)
```

Monochromatic Color

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

#9af0c4
```
#9af0c4 rgb(154,240,196)
```
#9af0cb
```
#9af0cb rgb(154,240,203)
```
#9af0d2
```
#9af0d2 rgb(154,240,210)
```
#9af0d9
```
#9af0d9 rgb(154,240,217)
```
#9af0e0
```
#9af0e0 rgb(154,240,224)
```
#9af0e7
```
#9af0e7 rgb(154,240,231)
```
#9af0ef
```
#9af0ef rgb(154,240,239)
```

Similar Colors

Text with hexadecimal color #9af0d9

This text has a font color of #9af0d9.

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

#9af0d9 background color

This paragraph has a background color of #9af0d9.

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

#9af0d9 border color

This element has a border color of #9af0d9.

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

CSS codes

.text {color:#9af0d9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#03130e
```
#03130e rgb(3,19,14)
```
#05241c
```
#05241c rgb(5,36,28)
```
#083529
```
#083529 rgb(8,53,41)
```
#0a4636
```
#0a4636 rgb(10,70,54)
```
#0d5743
```
#0d5743 rgb(13,87,67)
```
#0f6850
```
#0f6850 rgb(15,104,80)
```
#12795d
```
#12795d rgb(18,121,93)
```
#158a6b
```
#158a6b rgb(21,138,107)
```
#179b78
```
#179b78 rgb(23,155,120)
```
#1aac85
```
#1aac85 rgb(26,172,133)
```
#1cbd92
```
#1cbd92 rgb(28,189,146)
```
#1fce9f
```
#1fce9f rgb(31,206,159)
```

Shade Color Variation

#22deac
```
#22deac rgb(34,222,172)
```
#34e1b2
```
#34e1b2 rgb(52,225,178)
```
#45e3b9
```
#45e3b9 rgb(69,227,185)
```
#56e6bf
```
#56e6bf rgb(86,230,191)
```
#67e8c6
```
#67e8c6 rgb(103,232,198)
```
#78ebcc
```
#78ebcc rgb(120,235,204)
```
#89edd3
```
#89edd3 rgb(137,237,211)
```
#9af0d9
```
#9af0d9 rgb(154,240,217)
```
#abf3df
```
#abf3df rgb(171,243,223)
```
#bcf5e6
```
#bcf5e6 rgb(188,245,230)
```
#cdf8ec
```
#cdf8ec rgb(205,248,236)
```
#defaf3
```
#defaf3 rgb(222,250,243)
```
#effdf9
```
#effdf9 rgb(239,253,249)
```

Tint Color Variation

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

#c2c8c6
```
#c2c8c6 rgb(194,200,198)
```
#beccc8
```
#beccc8 rgb(190,204,200)
```
#b9d1ca
```
#b9d1ca rgb(185,209,202)
```
#b5d5cd
```
#b5d5cd rgb(181,213,205)
```
#b0dacf
```
#b0dacf rgb(176,218,207)
```
#acded1
```
#acded1 rgb(172,222,209)
```
#a7e3d3
```
#a7e3d3 rgb(167,227,211)
```
#a3e7d5
```
#a3e7d5 rgb(163,231,213)
```
#9eecd7
```
#9eecd7 rgb(158,236,215)
```
#9af0d9
```
#9af0d9 rgb(154,240,217)
```
#96f4db
```
#96f4db rgb(150,244,219)
```
#91f9dd
```
#91f9dd rgb(145,249,221)
```
#8dfddf
```
#8dfddf rgb(141,253,223)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#c8dad5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e0d2 Protanopia 1% of men
#f5dae2 Deuteranopia 1% of men
#a9ebfc Tritanopia 0.001% of the population

Trichromacy

#cbe6d4 Protanomaly 1% of men, 0.01% of women
#d4e2df Deuteranomaly 6% of men, 0.4% of women
#a3edef Tritanomaly 0.01% of the population

#9af0d9 hex color

#9af0d9 Color Information

#9af0d9 Color Conversion

Color Schemes with #9af0d9

Alternatives to #9af0d9

#9af0d9 Preview

Shades and Tints of #9af0d9

Tones of #9af0d9

Color Blindness Simulator