#afd7a4 hex color

In a RGB color space, hex #afd7a4 is composed of 68.6% red, 84.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 0% magenta, 23.7% yellow and 15.7% black. It has a hue angle of 107.1 degrees, a saturation of 38.9% and a lightness of 74.3%. #afd7a4 color hex could be obtained by blending #ffffff with #5faf49. Closest websafe color is: #99cc99.

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

● #afd7a4 color description : Grayish lime green.

The hexadecimal color #afd7a4 has RGB values of R:175, G:215, B:164 and CMYK values of C:0.19, M:0, Y:0.24, K:0.16. Its decimal value is 11524004.

Hex triplet	afd7a4	`#afd7a4`
RGB Decimal	175, 215, 164	`rgb(175,215,164)`
RGB Percent	68.6, 84.3, 64.3	`rgb(68.6%,84.3%,64.3%)`
CMYK	19, 0, 24, 16
HSL	107.1°, 38.9, 74.3	`hsl(107.1,38.9%,74.3%)`
HSV (or HSB)	107.1°, 23.7, 84.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	82.052, -22.598, 20.954
XYZ	48.679, 60.394, 44.212
xyY	0.318, 0.394, 60.394
CIE-LCH	82.052, 30.818, 137.161
CIE-LUV	82.052, -19.997, 33.709
Hunter-Lab	77.714, -24.189, 20.669
Binary	10101111, 11010111, 10100100

#afd7a4
```
#afd7a4 rgb(175,215,164)
```
#cca4d7
```
#cca4d7 rgb(204,164,215)
```

Complementary Color

#c9d7a4
```
#c9d7a4 rgb(201,215,164)
```
#afd7a4
```
#afd7a4 rgb(175,215,164)
```
#a4d7b3
```
#a4d7b3 rgb(164,215,179)
```

Analogous Color

#d7a4c9
```
#d7a4c9 rgb(215,164,201)
```
#afd7a4
```
#afd7a4 rgb(175,215,164)
```
#b3a4d7
```
#b3a4d7 rgb(179,164,215)
```

Split Complementary Color

#d7a4af
```
#d7a4af rgb(215,164,175)
```
#afd7a4
```
#afd7a4 rgb(175,215,164)
```
#a4afd7
```
#a4afd7 rgb(164,175,215)
```

Triadic Color

#d7cca4
```
#d7cca4 rgb(215,204,164)
```
#afd7a4
```
#afd7a4 rgb(175,215,164)
```
#a4afd7
```
#a4afd7 rgb(164,175,215)
```
#cca4d7
```
#cca4d7 rgb(204,164,215)
```

Tetradic Color

#80c06f
```
#80c06f rgb(128,192,111)
```
#90c781
```
#90c781 rgb(144,199,129)
```
#9fcf92
```
#9fcf92 rgb(159,207,146)
```
#afd7a4
```
#afd7a4 rgb(175,215,164)
```
#bfdfb6
```
#bfdfb6 rgb(191,223,182)
```
#cee7c7
```
#cee7c7 rgb(206,231,199)
```
#deeed9
```
#deeed9 rgb(222,238,217)
```

Monochromatic Color

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

#bcd7a4
```
#bcd7a4 rgb(188,215,164)
```
#b8d7a4
```
#b8d7a4 rgb(184,215,164)
```
#b3d7a4
```
#b3d7a4 rgb(179,215,164)
```
#afd7a4
```
#afd7a4 rgb(175,215,164)
```
#abd7a4
```
#abd7a4 rgb(171,215,164)
```
#a7d7a4
```
#a7d7a4 rgb(167,215,164)
```
#a4d7a6
```
#a4d7a6 rgb(164,215,166)
```

Similar Colors

Text with hexadecimal color #afd7a4

This text has a font color of #afd7a4.

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

#afd7a4 background color

This paragraph has a background color of #afd7a4.

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

#afd7a4 border color

This element has a border color of #afd7a4.

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

CSS codes

.text {color:#afd7a4;}

.background {background-color:#afd7a4;}

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

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

#020402
```
#020402 rgb(2,4,2)
```
#0a1208
```
#0a1208 rgb(10,18,8)
```
#12200e
```
#12200e rgb(18,32,14)
```
#192d14
```
#192d14 rgb(25,45,20)
```
#213b1a
```
#213b1a rgb(33,59,26)
```
#294920
```
#294920 rgb(41,73,32)
```
#305626
```
#305626 rgb(48,86,38)
```
#38642c
```
#38642c rgb(56,100,44)
```
#407132
```
#407132 rgb(64,113,50)
```
#477f38
```
#477f38 rgb(71,127,56)
```
#4f8d3e
```
#4f8d3e rgb(79,141,62)
```
#569a44
```
#569a44 rgb(86,154,68)
```
#5ea84a
```
#5ea84a rgb(94,168,74)
```

Shade Color Variation

#67b352
```
#67b352 rgb(103,179,82)
```
#73b960
```
#73b960 rgb(115,185,96)
```
#7fbf6d
```
#7fbf6d rgb(127,191,109)
```
#8bc57b
```
#8bc57b rgb(139,197,123)
```
#97cb89
```
#97cb89 rgb(151,203,137)
```
#a3d196
```
#a3d196 rgb(163,209,150)
```
#afd7a4
```
#afd7a4 rgb(175,215,164)
```
#bbddb2
```
#bbddb2 rgb(187,221,178)
```
#c7e3bf
```
#c7e3bf rgb(199,227,191)
```
#d3e9cd
```
#d3e9cd rgb(211,233,205)
```
#dfefdb
```
#dfefdb rgb(223,239,219)
```
#ebf5e8
```
#ebf5e8 rgb(235,245,232)
```
#f7fbf6
```
#f7fbf6 rgb(247,251,246)
```

Tint Color Variation

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

#bdbebd
```
#bdbebd rgb(189,190,189)
```
#bac3b8
```
#bac3b8 rgb(186,195,184)
```
#b8c8b3
```
#b8c8b3 rgb(184,200,179)
```
#b5cdae
```
#b5cdae rgb(181,205,174)
```
#b2d2a9
```
#b2d2a9 rgb(178,210,169)
```
#afd7a4
```
#afd7a4 rgb(175,215,164)
```
#acdc9f
```
#acdc9f rgb(172,220,159)
```
#a9e19a
```
#a9e19a rgb(169,225,154)
```
#a6e695
```
#a6e695 rgb(166,230,149)
```
#a4eb90
```
#a4eb90 rgb(164,235,144)
```
#a1f08b
```
#a1f08b rgb(161,240,139)
```
#9ef586
```
#9ef586 rgb(158,245,134)
```
#9bfa81
```
#9bfa81 rgb(155,250,129)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c1c9be Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbcea4 Protanopia 1% of men
#edc7ae Deuteranopia 1% of men
#bdd1e0 Tritanopia 0.001% of the population

Trichromacy

#cbd1a4 Protanomaly 1% of men, 0.01% of women
#d6cdaa Deuteranomaly 6% of men, 0.4% of women
#b8d3ca Tritanomaly 0.01% of the population

#afd7a4 hex color

#afd7a4 Color Information

#afd7a4 Color Conversion

Color Schemes with #afd7a4

Alternatives to #afd7a4

#afd7a4 Preview

Shades and Tints of #afd7a4

Tones of #afd7a4

Color Blindness Simulator