#9af8b4 hex color

In a RGB color space, hex #9af8b4 is composed of 60.4% red, 97.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 0% magenta, 27.4% yellow and 2.7% black. It has a hue angle of 136.6 degrees, a saturation of 87% and a lightness of 78.8%. #9af8b4 color hex could be obtained by blending #ffffff with #35f169. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 60
- G 97
- B 71
RGB color chart
- C 38
- M 0
- Y 27
- K 3
CMYK color chart

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

The hexadecimal color #9af8b4 has RGB values of R:154, G:248, B:180 and CMYK values of C:0.38, M:0, Y:0.27, K:0.03. Its decimal value is 10156212.

Hex triplet	9af8b4	`#9af8b4`
RGB Decimal	154, 248, 180	`rgb(154,248,180)`
RGB Percent	60.4, 97.3, 70.6	`rgb(60.4%,97.3%,70.6%)`
CMYK	38, 0, 27, 3
HSL	136.6°, 87, 78.8	`hsl(136.6,87%,78.8%)`
HSV (or HSB)	136.6°, 37.9, 97.3
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	90.458, -41.889, 24.082
XYZ	55.129, 77.297, 55.193
xyY	0.294, 0.412, 77.297
CIE-LCH	90.458, 48.318, 150.106
CIE-LUV	90.458, -44.762, 42
Hunter-Lab	87.919, -41.93, 24.323
Binary	10011010, 11111000, 10110100

#9af8b4
```
#9af8b4 rgb(154,248,180)
```
#f89ade
```
#f89ade rgb(248,154,222)
```

Complementary Color

#aff89a
```
#aff89a rgb(175,248,154)
```
#9af8b4
```
#9af8b4 rgb(154,248,180)
```
#9af8e3
```
#9af8e3 rgb(154,248,227)
```

Analogous Color

#f89aaf
```
#f89aaf rgb(248,154,175)
```
#9af8b4
```
#9af8b4 rgb(154,248,180)
```
#e39af8
```
#e39af8 rgb(227,154,248)
```

Split Complementary Color

#f8b49a
```
#f8b49a rgb(248,180,154)
```
#9af8b4
```
#9af8b4 rgb(154,248,180)
```
#b49af8
```
#b49af8 rgb(180,154,248)
```

Triadic Color

#def89a
```
#def89a rgb(222,248,154)
```
#9af8b4
```
#9af8b4 rgb(154,248,180)
```
#b49af8
```
#b49af8 rgb(180,154,248)
```
#f89ade
```
#f89ade rgb(248,154,222)
```

Tetradic Color

#52f37f
```
#52f37f rgb(82,243,127)
```
#6af591
```
#6af591 rgb(106,245,145)
```
#82f6a2
```
#82f6a2 rgb(130,246,162)
```
#9af8b4
```
#9af8b4 rgb(154,248,180)
```
#b2fac6
```
#b2fac6 rgb(178,250,198)
```
#cafbd7
```
#cafbd7 rgb(202,251,215)
```
#e2fde9
```
#e2fde9 rgb(226,253,233)
```

Monochromatic Color

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

#9af89d
```
#9af89d rgb(154,248,157)
```
#9af8a4
```
#9af8a4 rgb(154,248,164)
```
#9af8ac
```
#9af8ac rgb(154,248,172)
```
#9af8b4
```
#9af8b4 rgb(154,248,180)
```
#9af8bc
```
#9af8bc rgb(154,248,188)
```
#9af8c4
```
#9af8c4 rgb(154,248,196)
```
#9af8cc
```
#9af8cc rgb(154,248,204)
```

Similar Colors

Text with hexadecimal color #9af8b4

This text has a font color of #9af8b4.

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

#9af8b4 background color

This paragraph has a background color of #9af8b4.

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

#9af8b4 border color

This element has a border color of #9af8b4.

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

CSS codes

.text {color:#9af8b4;}

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

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

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

#010903
```
#010903 rgb(1,9,3)
```
#021b09
```
#021b09 rgb(2,27,9)
```
#032e0f
```
#032e0f rgb(3,46,15)
```
#044015
```
#044015 rgb(4,64,21)
```
#06521b
```
#06521b rgb(6,82,27)
```
#076521
```
#076521 rgb(7,101,33)
```
#087727
```
#087727 rgb(8,119,39)
```
#0a892d
```
#0a892d rgb(10,137,45)
```
#0b9c33
```
#0b9c33 rgb(11,156,51)
```
#0cae39
```
#0cae39 rgb(12,174,57)
```
#0dc13f
```
#0dc13f rgb(13,193,63)
```
#0fd345
```
#0fd345 rgb(15,211,69)
```
#10e54b
```
#10e54b rgb(16,229,75)
```

Shade Color Variation

#1aef55
```
#1aef55 rgb(26,239,85)
```
#2cf062
```
#2cf062 rgb(44,240,98)
```
#3ef270
```
#3ef270 rgb(62,242,112)
```
#51f37e
```
#51f37e rgb(81,243,126)
```
#63f48b
```
#63f48b rgb(99,244,139)
```
#75f599
```
#75f599 rgb(117,245,153)
```
#88f7a6
```
#88f7a6 rgb(136,247,166)
```
#9af8b4
```
#9af8b4 rgb(154,248,180)
```
#acf9c2
```
#acf9c2 rgb(172,249,194)
```
#bffbcf
```
#bffbcf rgb(191,251,207)
```
#d1fcdd
```
#d1fcdd rgb(209,252,221)
```
#e3fdea
```
#e3fdea rgb(227,253,234)
```
#f6fef8
```
#f6fef8 rgb(246,254,248)
```

Tint Color Variation

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

#c8cac8
```
#c8cac8 rgb(200,202,200)
```
#c4cec7
```
#c4cec7 rgb(196,206,199)
```
#bfd3c5
```
#bfd3c5 rgb(191,211,197)
```
#bbd7c3
```
#bbd7c3 rgb(187,215,195)
```
#b7dbc1
```
#b7dbc1 rgb(183,219,193)
```
#b3dfbf
```
#b3dfbf rgb(179,223,191)
```
#afe3bd
```
#afe3bd rgb(175,227,189)
```
#abe7bb
```
#abe7bb rgb(171,231,187)
```
#a6ecba
```
#a6ecba rgb(166,236,186)
```
#a2f0b8
```
#a2f0b8 rgb(162,240,184)
```
#9ef4b6
```
#9ef4b6 rgb(158,244,182)
```
#9af8b4
```
#9af8b4 rgb(154,248,180)
```
#96fcb2
```
#96fcb2 rgb(150,252,178)
```

Tone Color Variation

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

Dichromacy

#f4e4af Protanopia 1% of men
#ffdfcb Deuteranopia 1% of men
#b4eeff Tritanopia 0.001% of the population

Trichromacy

#d3ebb1 Protanomaly 1% of men, 0.01% of women
#dae8c2 Deuteranomaly 6% of men, 0.4% of women
#aaf1e3 Tritanomaly 0.01% of the population

#9af8b4 hex color

#9af8b4 Color Information

#9af8b4 Color Conversion

Color Schemes with #9af8b4

Alternatives to #9af8b4

#9af8b4 Preview

Shades and Tints of #9af8b4

Tones of #9af8b4

Color Blindness Simulator