#afd197 hex color

In a RGB color space, hex #afd197 is composed of 68.6% red, 82% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 27.8% yellow and 18% black. It has a hue angle of 95.2 degrees, a saturation of 38.7% and a lightness of 70.6%. #afd197 color hex could be obtained by blending #ffffff with #5fa32f. Closest websafe color is: #99cc99.

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

● #afd197 color description : Slightly desaturated green.

The hexadecimal color #afd197 has RGB values of R:175, G:209, B:151 and CMYK values of C:0.16, M:0, Y:0.28, K:0.18. Its decimal value is 11522455.

Hex triplet	afd197	`#afd197`
RGB Decimal	175, 209, 151	`rgb(175,209,151)`
RGB Percent	68.6, 82, 59.2	`rgb(68.6%,82%,59.2%)`
CMYK	16, 0, 28, 18
HSL	95.2°, 38.7, 70.6	`hsl(95.2,38.7%,70.6%)`
HSV (or HSB)	95.2°, 27.8, 82
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.151, -21.697, 25.161
XYZ	46.064, 56.949, 37.842
xyY	0.327, 0.404, 56.949
CIE-LCH	80.151, 33.224, 130.771
CIE-LUV	80.151, -16.77, 38.777
Hunter-Lab	75.464, -23.104, 23.094
Binary	10101111, 11010001, 10010111

#afd197
```
#afd197 rgb(175,209,151)
```
#b997d1
```
#b997d1 rgb(185,151,209)
```

Complementary Color

#ccd197
```
#ccd197 rgb(204,209,151)
```
#afd197
```
#afd197 rgb(175,209,151)
```
#97d19c
```
#97d19c rgb(151,209,156)
```

Analogous Color

#d197cc
```
#d197cc rgb(209,151,204)
```
#afd197
```
#afd197 rgb(175,209,151)
```
#9c97d1
```
#9c97d1 rgb(156,151,209)
```

Split Complementary Color

#d197af
```
#d197af rgb(209,151,175)
```
#afd197
```
#afd197 rgb(175,209,151)
```
#97afd1
```
#97afd1 rgb(151,175,209)
```

Triadic Color

#d1b997
```
#d1b997 rgb(209,185,151)
```
#afd197
```
#afd197 rgb(175,209,151)
```
#97afd1
```
#97afd1 rgb(151,175,209)
```
#b997d1
```
#b997d1 rgb(185,151,209)
```

Tetradic Color

#86ba62
```
#86ba62 rgb(134,186,98)
```
#94c174
```
#94c174 rgb(148,193,116)
```
#a1c985
```
#a1c985 rgb(161,201,133)
```
#afd197
```
#afd197 rgb(175,209,151)
```
#bdd9a9
```
#bdd9a9 rgb(189,217,169)
```
#cae1ba
```
#cae1ba rgb(202,225,186)
```
#d8e8cc
```
#d8e8cc rgb(216,232,204)
```

Monochromatic Color

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

#bed197
```
#bed197 rgb(190,209,151)
```
#b9d197
```
#b9d197 rgb(185,209,151)
```
#b4d197
```
#b4d197 rgb(180,209,151)
```
#afd197
```
#afd197 rgb(175,209,151)
```
#aad197
```
#aad197 rgb(170,209,151)
```
#a5d197
```
#a5d197 rgb(165,209,151)
```
#a1d197
```
#a1d197 rgb(161,209,151)
```

Similar Colors

Text with hexadecimal color #afd197

This text has a font color of #afd197.

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

#afd197 background color

This paragraph has a background color of #afd197.

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

#afd197 border color

This element has a border color of #afd197.

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

CSS codes

.text {color:#afd197;}

.background {background-color:#afd197;}

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

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

#030502
```
#030502 rgb(3,5,2)
```
#0c1208
```
#0c1208 rgb(12,18,8)
```
#16200e
```
#16200e rgb(22,32,14)
```
#1f2e14
```
#1f2e14 rgb(31,46,20)
```
#283b1a
```
#283b1a rgb(40,59,26)
```
#314920
```
#314920 rgb(49,73,32)
```
#3a5626
```
#3a5626 rgb(58,86,38)
```
#43642c
```
#43642c rgb(67,100,44)
```
#4c7232
```
#4c7232 rgb(76,114,50)
```
#567f38
```
#567f38 rgb(86,127,56)
```
#5f8d3e
```
#5f8d3e rgb(95,141,62)
```
#689a44
```
#689a44 rgb(104,154,68)
```
#71a84a
```
#71a84a rgb(113,168,74)
```

Shade Color Variation

#7bb353
```
#7bb353 rgb(123,179,83)
```
#85b961
```
#85b961 rgb(133,185,97)
```
#90bf6e
```
#90bf6e rgb(144,191,110)
```
#9ac57c
```
#9ac57c rgb(154,197,124)
```
#a5cb89
```
#a5cb89 rgb(165,203,137)
```
#afd197
```
#afd197 rgb(175,209,151)
```
#b9d7a5
```
#b9d7a5 rgb(185,215,165)
```
#c4ddb2
```
#c4ddb2 rgb(196,221,178)
```
#cee3c0
```
#cee3c0 rgb(206,227,192)
```
#d9e9cd
```
#d9e9cd rgb(217,233,205)
```
#e3efdb
```
#e3efdb rgb(227,239,219)
```
#eef5e9
```
#eef5e9 rgb(238,245,233)
```
#f8fbf6
```
#f8fbf6 rgb(248,251,246)
```

Tint Color Variation

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

#b4b4b4
```
#b4b4b4 rgb(180,180,180)
```
#b3baae
```
#b3baae rgb(179,186,174)
```
#b2c0a8
```
#b2c0a8 rgb(178,192,168)
```
#b1c5a3
```
#b1c5a3 rgb(177,197,163)
```
#b0cb9d
```
#b0cb9d rgb(176,203,157)
```
#afd197
```
#afd197 rgb(175,209,151)
```
#aed791
```
#aed791 rgb(174,215,145)
```
#addd8b
```
#addd8b rgb(173,221,139)
```
#ace286
```
#ace286 rgb(172,226,134)
```
#abe880
```
#abe880 rgb(171,232,128)
```
#aaee7a
```
#aaee7a rgb(170,238,122)
```
#a9f474
```
#a9f474 rgb(169,244,116)
```
#a8f96f
```
#a8f96f rgb(168,249,111)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdc3b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c998 Protanopia 1% of men
#eac2a1 Deuteranopia 1% of men
#becbd9 Tritanopia 0.001% of the population

Trichromacy

#c8cc97 Protanomaly 1% of men, 0.01% of women
#d4c79d Deuteranomaly 6% of men, 0.4% of women
#b8cdc1 Tritanomaly 0.01% of the population

#afd197 hex color

#afd197 Color Information

#afd197 Color Conversion

Color Schemes with #afd197

Alternatives to #afd197

#afd197 Preview

Shades and Tints of #afd197

Tones of #afd197

Color Blindness Simulator