#9afbc4 hex color

In a RGB color space, hex #9afbc4 is composed of 60.4% red, 98.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 38.6% cyan, 0% magenta, 21.9% yellow and 1.6% black. It has a hue angle of 146 degrees, a saturation of 92.4% and a lightness of 79.4%. #9afbc4 color hex could be obtained by blending #ffffff with #35f789. Closest websafe color is: #99ffcc.

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

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

The hexadecimal color #9afbc4 has RGB values of R:154, G:251, B:196 and CMYK values of C:0.39, M:0, Y:0.22, K:0.02. Its decimal value is 10156996.

Hex triplet	9afbc4	`#9afbc4`
RGB Decimal	154, 251, 196	`rgb(154,251,196)`
RGB Percent	60.4, 98.4, 76.9	`rgb(60.4%,98.4%,76.9%)`
CMYK	39, 0, 22, 2
HSL	146°, 92.4, 79.4	`hsl(146,92.4%,79.4%)`
HSV (or HSB)	146°, 38.6, 98.4
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	91.616, -40.291, 17.499
XYZ	57.784, 79.847, 64.589
xyY	0.286, 0.395, 79.847
CIE-LCH	91.616, 43.927, 156.524
CIE-LUV	91.616, -45.679, 32.777
Hunter-Lab	89.357, -40.945, 19.694
Binary	10011010, 11111011, 11000100

#9afbc4
```
#9afbc4 rgb(154,251,196)
```
#fb9ad1
```
#fb9ad1 rgb(251,154,209)
```

Complementary Color

#a1fb9a
```
#a1fb9a rgb(161,251,154)
```
#9afbc4
```
#9afbc4 rgb(154,251,196)
```
#9afbf5
```
#9afbf5 rgb(154,251,245)
```

Analogous Color

#fb9aa1
```
#fb9aa1 rgb(251,154,161)
```
#9afbc4
```
#9afbc4 rgb(154,251,196)
```
#f59afb
```
#f59afb rgb(245,154,251)
```

Split Complementary Color

#fbc49a
```
#fbc49a rgb(251,196,154)
```
#9afbc4
```
#9afbc4 rgb(154,251,196)
```
#c49afb
```
#c49afb rgb(196,154,251)
```

Triadic Color

#d1fb9a
```
#d1fb9a rgb(209,251,154)
```
#9afbc4
```
#9afbc4 rgb(154,251,196)
```
#c49afb
```
#c49afb rgb(196,154,251)
```
#fb9ad1
```
#fb9ad1 rgb(251,154,209)
```

Tetradic Color

#50f899
```
#50f899 rgb(80,248,153)
```
#69f9a7
```
#69f9a7 rgb(105,249,167)
```
#81fab6
```
#81fab6 rgb(129,250,182)
```
#9afbc4
```
#9afbc4 rgb(154,251,196)
```
#b3fcd2
```
#b3fcd2 rgb(179,252,210)
```
#cbfde1
```
#cbfde1 rgb(203,253,225)
```
#e4feef
```
#e4feef rgb(228,254,239)
```

Monochromatic Color

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

#9afbac
```
#9afbac rgb(154,251,172)
```
#9afbb4
```
#9afbb4 rgb(154,251,180)
```
#9afbbc
```
#9afbbc rgb(154,251,188)
```
#9afbc4
```
#9afbc4 rgb(154,251,196)
```
#9afbcc
```
#9afbcc rgb(154,251,204)
```
#9afbd4
```
#9afbd4 rgb(154,251,212)
```
#9afbdc
```
#9afbdc rgb(154,251,220)
```

Similar Colors

Text with hexadecimal color #9afbc4

This text has a font color of #9afbc4.

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

#9afbc4 background color

This paragraph has a background color of #9afbc4.

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

#9afbc4 border color

This element has a border color of #9afbc4.

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

CSS codes

.text {color:#9afbc4;}

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

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

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

#000c06
```
#000c06 rgb(0,12,6)
```
#011f0e
```
#011f0e rgb(1,31,14)
```
#023217
```
#023217 rgb(2,50,23)
```
#03451f
```
#03451f rgb(3,69,31)
```
#035828
```
#035828 rgb(3,88,40)
```
#046b31
```
#046b31 rgb(4,107,49)
```
#057d39
```
#057d39 rgb(5,125,57)
```
#069042
```
#069042 rgb(6,144,66)
```
#06a34a
```
#06a34a rgb(6,163,74)
```
#07b653
```
#07b653 rgb(7,182,83)
```
#08c95b
```
#08c95b rgb(8,201,91)
```
#09dc64
```
#09dc64 rgb(9,220,100)
```
#09ef6d
```
#09ef6d rgb(9,239,109)
```

Shade Color Variation

#16f677
```
#16f677 rgb(22,246,119)
```
#29f782
```
#29f782 rgb(41,247,130)
```
#3cf78d
```
#3cf78d rgb(60,247,141)
```
#4ff898
```
#4ff898 rgb(79,248,152)
```
#61f9a3
```
#61f9a3 rgb(97,249,163)
```
#74faae
```
#74faae rgb(116,250,174)
```
#87fab9
```
#87fab9 rgb(135,250,185)
```
#9afbc4
```
#9afbc4 rgb(154,251,196)
```
#adfccf
```
#adfccf rgb(173,252,207)
```
#c0fcda
```
#c0fcda rgb(192,252,218)
```
#d3fde5
```
#d3fde5 rgb(211,253,229)
```
#e5fef0
```
#e5fef0 rgb(229,254,240)
```
#f8fffb
```
#f8fffb rgb(248,255,251)
```

Tint Color Variation

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

#cacbca
```
#cacbca rgb(202,203,202)
```
#c6cfca
```
#c6cfca rgb(198,207,202)
```
#c2d3c9
```
#c2d3c9 rgb(194,211,201)
```
#bed7c9
```
#bed7c9 rgb(190,215,201)
```
#badbc8
```
#badbc8 rgb(186,219,200)
```
#b6dfc8
```
#b6dfc8 rgb(182,223,200)
```
#b2e3c7
```
#b2e3c7 rgb(178,227,199)
```
#aee7c7
```
#aee7c7 rgb(174,231,199)
```
#aaebc6
```
#aaebc6 rgb(170,235,198)
```
#a6efc6
```
#a6efc6 rgb(166,239,198)
```
#a2f3c5
```
#a2f3c5 rgb(162,243,197)
```
#9ef7c5
```
#9ef7c5 rgb(158,247,197)
```
#9afbc4
```
#9afbc4 rgb(154,251,196)
```

Tone Color Variation

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

Dichromacy

#f5e7be Protanopia 1% of men
#ffe2d6 Deuteranopia 1% of men
#bdf0ff Tritanopia 0.001% of the population

Trichromacy

#d4eec0 Protanomaly 1% of men, 0.01% of women
#daebd0 Deuteranomaly 6% of men, 0.4% of women
#b0f4e9 Tritanomaly 0.01% of the population

#9afbc4 hex color

#9afbc4 Color Information

#9afbc4 Color Conversion

Color Schemes with #9afbc4

Alternatives to #9afbc4

#9afbc4 Preview

Shades and Tints of #9afbc4

Tones of #9afbc4

Color Blindness Simulator