#afd56f hex color

In a RGB color space, hex #afd56f is composed of 68.6% red, 83.5% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 47.9% yellow and 16.5% black. It has a hue angle of 82.4 degrees, a saturation of 54.8% and a lightness of 63.5%. #afd56f color hex could be obtained by blending #ffffde with #5fab00. Closest websafe color is: #99cc66.

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

● #afd56f color description : Slightly desaturated green.

The hexadecimal color #afd56f has RGB values of R:175, G:213, B:111 and CMYK values of C:0.18, M:0, Y:0.48, K:0.16. Its decimal value is 11523439.

Hex triplet	afd56f	`#afd56f`
RGB Decimal	175, 213, 111	`rgb(175,213,111)`
RGB Percent	68.6, 83.5, 43.5	`rgb(68.6%,83.5%,43.5%)`
CMYK	18, 0, 48, 16
HSL	82.4°, 54.8, 63.5	`hsl(82.4,54.8%,63.5%)`
HSV (or HSB)	82.4°, 47.9, 83.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.655, -28.828, 46.055
XYZ	44.342, 57.85, 23.868
xyY	0.352, 0.459, 57.85
CIE-LCH	80.655, 54.334, 122.044
CIE-LUV	80.655, -18.382, 63.899
Hunter-Lab	76.059, -29.039, 34.635
Binary	10101111, 11010101, 01101111

#afd56f
```
#afd56f rgb(175,213,111)
```
#956fd5
```
#956fd5 rgb(149,111,213)
```

Complementary Color

#d5c86f
```
#d5c86f rgb(213,200,111)
```
#afd56f
```
#afd56f rgb(175,213,111)
```
#7cd56f
```
#7cd56f rgb(124,213,111)
```

Analogous Color

#c86fd5
```
#c86fd5 rgb(200,111,213)
```
#afd56f
```
#afd56f rgb(175,213,111)
```
#6f7cd5
```
#6f7cd5 rgb(111,124,213)
```

Split Complementary Color

#d56faf
```
#d56faf rgb(213,111,175)
```
#afd56f
```
#afd56f rgb(175,213,111)
```
#6fafd5
```
#6fafd5 rgb(111,175,213)
```

Triadic Color

#d5956f
```
#d5956f rgb(213,149,111)
```
#afd56f
```
#afd56f rgb(175,213,111)
```
#6fafd5
```
#6fafd5 rgb(111,175,213)
```
#956fd5
```
#956fd5 rgb(149,111,213)
```

Tetradic Color

#8dc038
```
#8dc038 rgb(141,192,56)
```
#99c948
```
#99c948 rgb(153,201,72)
```
#a4cf5b
```
#a4cf5b rgb(164,207,91)
```
#afd56f
```
#afd56f rgb(175,213,111)
```
#badb83
```
#badb83 rgb(186,219,131)
```
#c5e196
```
#c5e196 rgb(197,225,150)
```
#d0e6aa
```
#d0e6aa rgb(208,230,170)
```

Monochromatic Color

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

#c9d56f
```
#c9d56f rgb(201,213,111)
```
#c0d56f
```
#c0d56f rgb(192,213,111)
```
#b8d56f
```
#b8d56f rgb(184,213,111)
```
#afd56f
```
#afd56f rgb(175,213,111)
```
#a7d56f
```
#a7d56f rgb(167,213,111)
```
#9ed56f
```
#9ed56f rgb(158,213,111)
```
#96d56f
```
#96d56f rgb(150,213,111)
```

Similar Colors

Text with hexadecimal color #afd56f

This text has a font color of #afd56f.

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

#afd56f background color

This paragraph has a background color of #afd56f.

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

#afd56f border color

This element has a border color of #afd56f.

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

CSS codes

.text {color:#afd56f;}

.background {background-color:#afd56f;}

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

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

#060802
```
#060802 rgb(6,8,2)
```
#111707
```
#111707 rgb(17,23,7)
```
#1c260b
```
#1c260b rgb(28,38,11)
```
#273510
```
#273510 rgb(39,53,16)
```
#334514
```
#334514 rgb(51,69,20)
```
#3e5418
```
#3e5418 rgb(62,84,24)
```
#49631d
```
#49631d rgb(73,99,29)
```
#547221
```
#547221 rgb(84,114,33)
```
#5f8126
```
#5f8126 rgb(95,129,38)
```
#6a912a
```
#6a912a rgb(106,145,42)
```
#76a02f
```
#76a02f rgb(118,160,47)
```
#81af33
```
#81af33 rgb(129,175,51)
```
#8cbe37
```
#8cbe37 rgb(140,190,55)
```

Shade Color Variation

#96c841
```
#96c841 rgb(150,200,65)
```
#9ecc51
```
#9ecc51 rgb(158,204,81)
```
#a7d160
```
#a7d160 rgb(167,209,96)
```
#afd56f
```
#afd56f rgb(175,213,111)
```
#b7d97e
```
#b7d97e rgb(183,217,126)
```
#c0de8d
```
#c0de8d rgb(192,222,141)
```
#c8e29d
```
#c8e29d rgb(200,226,157)
```
#d1e7ac
```
#d1e7ac rgb(209,231,172)
```
#d9ebbb
```
#d9ebbb rgb(217,235,187)
```
#e2f0ca
```
#e2f0ca rgb(226,240,202)
```
#eaf4d9
```
#eaf4d9 rgb(234,244,217)
```
#f2f8e8
```
#f2f8e8 rgb(242,248,232)
```
#fbfdf8
```
#fbfdf8 rgb(251,253,248)
```

Tint Color Variation

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

#a2a3a1
```
#a2a3a1 rgb(162,163,161)
```
#a4aa9a
```
#a4aa9a rgb(164,170,154)
```
#a6b193
```
#a6b193 rgb(166,177,147)
```
#a8b88c
```
#a8b88c rgb(168,184,140)
```
#aac084
```
#aac084 rgb(170,192,132)
```
#abc77d
```
#abc77d rgb(171,199,125)
```
#adce76
```
#adce76 rgb(173,206,118)
```
#afd56f
```
#afd56f rgb(175,213,111)
```
#b1dc68
```
#b1dc68 rgb(177,220,104)
```
#b3e361
```
#b3e361 rgb(179,227,97)
```
#b4ea5a
```
#b4ea5a rgb(180,234,90)
```
#b6f252
```
#b6f252 rgb(182,242,82)
```
#b8f94b
```
#b8f94b rgb(184,249,75)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bbc3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#decb72 Protanopia 1% of men
#f4c27d Deuteranopia 1% of men
#c2cbda Tritanopia 0.001% of the population

Trichromacy

#cdce71 Protanomaly 1% of men, 0.01% of women
#dbc978 Deuteranomaly 6% of men, 0.4% of women
#bbcfb3 Tritanomaly 0.01% of the population

#afd56f hex color

#afd56f Color Information

#afd56f Color Conversion

Color Schemes with #afd56f

Alternatives to #afd56f

#afd56f Preview

Shades and Tints of #afd56f

Tones of #afd56f

Color Blindness Simulator