#afd6b4 hex color

In a RGB color space, hex #afd6b4 is composed of 68.6% red, 83.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 15.9% yellow and 16.1% black. It has a hue angle of 127.7 degrees, a saturation of 32.2% and a lightness of 76.3%. #afd6b4 color hex could be obtained by blending #ffffff with #5fad69. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 84
- B 71
RGB color chart
- C 18
- M 0
- Y 16
- K 16
CMYK color chart

● #afd6b4 color description : Grayish lime green.

The hexadecimal color #afd6b4 has RGB values of R:175, G:214, B:180 and CMYK values of C:0.18, M:0, Y:0.16, K:0.16. Its decimal value is 11523764.

Hex triplet	afd6b4	`#afd6b4`
RGB Decimal	175, 214, 180	`rgb(175,214,180)`
RGB Percent	68.6, 83.9, 70.6	`rgb(68.6%,83.9%,70.6%)`
CMYK	18, 0, 16, 16
HSL	127.7°, 32.2, 76.3	`hsl(127.7,32.2%,76.3%)`
HSV (or HSB)	127.7°, 18.2, 83.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.11, -19.363, 12.601
XYZ	49.962, 60.501, 52.223
xyY	0.307, 0.372, 60.501
CIE-LCH	82.11, 23.102, 146.944
CIE-LUV	82.11, -19.713, 21.762
Hunter-Lab	77.783, -21.464, 14.641
Binary	10101111, 11010110, 10110100

#afd6b4
```
#afd6b4 rgb(175,214,180)
```
#d6afd1
```
#d6afd1 rgb(214,175,209)
```

Complementary Color

#bed6af
```
#bed6af rgb(190,214,175)
```
#afd6b4
```
#afd6b4 rgb(175,214,180)
```
#afd6c8
```
#afd6c8 rgb(175,214,200)
```

Analogous Color

#d6afbe
```
#d6afbe rgb(214,175,190)
```
#afd6b4
```
#afd6b4 rgb(175,214,180)
```
#c8afd6
```
#c8afd6 rgb(200,175,214)
```

Split Complementary Color

#d6b4af
```
#d6b4af rgb(214,180,175)
```
#afd6b4
```
#afd6b4 rgb(175,214,180)
```
#b4afd6
```
#b4afd6 rgb(180,175,214)
```

Triadic Color

#d1d6af
```
#d1d6af rgb(209,214,175)
```
#afd6b4
```
#afd6b4 rgb(175,214,180)
```
#b4afd6
```
#b4afd6 rgb(180,175,214)
```
#d6afd1
```
#d6afd1 rgb(214,175,209)
```

Tetradic Color

#7cbc85
```
#7cbc85 rgb(124,188,133)
```
#8dc594
```
#8dc594 rgb(141,197,148)
```
#9ecda4
```
#9ecda4 rgb(158,205,164)
```
#afd6b4
```
#afd6b4 rgb(175,214,180)
```
#c0dfc4
```
#c0dfc4 rgb(192,223,196)
```
#d1e7d4
```
#d1e7d4 rgb(209,231,212)
```
#e2f0e3
```
#e2f0e3 rgb(226,240,227)
```

Monochromatic Color

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

#b4d6af
```
#b4d6af rgb(180,214,175)
```
#b1d6af
```
#b1d6af rgb(177,214,175)
```
#afd6b1
```
#afd6b1 rgb(175,214,177)
```
#afd6b4
```
#afd6b4 rgb(175,214,180)
```
#afd6b7
```
#afd6b7 rgb(175,214,183)
```
#afd6bb
```
#afd6bb rgb(175,214,187)
```
#afd6be
```
#afd6be rgb(175,214,190)
```

Similar Colors

Text with hexadecimal color #afd6b4

This text has a font color of #afd6b4.

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

#afd6b4 background color

This paragraph has a background color of #afd6b4.

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

#afd6b4 border color

This element has a border color of #afd6b4.

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

CSS codes

.text {color:#afd6b4;}

.background {background-color:#afd6b4;}

.border {border:1px solid #afd6b4;}

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, #060b06 is the darkest color, while #fdfefd is the lightest one.

#060b06
```
#060b06 rgb(6,11,6)
```
#0c180e
```
#0c180e rgb(12,24,14)
```
#132515
```
#132515 rgb(19,37,21)
```
#19321d
```
#19321d rgb(25,50,29)
```
#203f24
```
#203f24 rgb(32,63,36)
```
#274c2b
```
#274c2b rgb(39,76,43)
```
#2d5933
```
#2d5933 rgb(45,89,51)
```
#34663a
```
#34663a rgb(52,102,58)
```
#3b7342
```
#3b7342 rgb(59,115,66)
```
#418049
```
#418049 rgb(65,128,73)
```
#488c51
```
#488c51 rgb(72,140,81)
```
#4f9958
```
#4f9958 rgb(79,153,88)
```
#55a660
```
#55a660 rgb(85,166,96)
```

Shade Color Variation

#61ae6b
```
#61ae6b rgb(97,174,107)
```
#6eb577
```
#6eb577 rgb(110,181,119)
```
#7bbb83
```
#7bbb83 rgb(123,187,131)
```
#88c290
```
#88c290 rgb(136,194,144)
```
#95c99c
```
#95c99c rgb(149,201,156)
```
#a2cfa8
```
#a2cfa8 rgb(162,207,168)
```
#afd6b4
```
#afd6b4 rgb(175,214,180)
```
#bcddc0
```
#bcddc0 rgb(188,221,192)
```
#c9e3cc
```
#c9e3cc rgb(201,227,204)
```
#d6ead8
```
#d6ead8 rgb(214,234,216)
```
#e3f1e5
```
#e3f1e5 rgb(227,241,229)
```
#f0f7f1
```
#f0f7f1 rgb(240,247,241)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#c2c3c2
```
#c2c3c2 rgb(194,195,194)
```
#bdc8be
```
#bdc8be rgb(189,200,190)
```
#b8cdbb
```
#b8cdbb rgb(184,205,187)
```
#b4d1b7
```
#b4d1b7 rgb(180,209,183)
```
#afd6b4
```
#afd6b4 rgb(175,214,180)
```
#aadbb1
```
#aadbb1 rgb(170,219,177)
```
#a6dfad
```
#a6dfad rgb(166,223,173)
```
#a1e4aa
```
#a1e4aa rgb(161,228,170)
```
#9ce9a6
```
#9ce9a6 rgb(156,233,166)
```
#98eda3
```
#98eda3 rgb(152,237,163)
```
#93f29f
```
#93f29f rgb(147,242,159)
```
#8ef79c
```
#8ef79c rgb(142,247,156)
```
#8afb98
```
#8afb98 rgb(138,251,152)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c1c9c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8ceb3 Protanopia 1% of men
#e8c7bd Deuteranopia 1% of men
#bbd2e1 Tritanopia 0.001% of the population

Trichromacy

#c9d1b3 Protanomaly 1% of men, 0.01% of women
#d3cdb9 Deuteranomaly 6% of men, 0.4% of women
#b7d3d0 Tritanomaly 0.01% of the population

#afd6b4 hex color

#afd6b4 Color Information

#afd6b4 Color Conversion

Color Schemes with #afd6b4

Alternatives to #afd6b4

#afd6b4 Preview

Shades and Tints of #afd6b4

Tones of #afd6b4

Color Blindness Simulator