#afdd4e hex color

In a RGB color space, hex #afdd4e is composed of 68.6% red, 86.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 64.7% yellow and 13.3% black. It has a hue angle of 79.3 degrees, a saturation of 67.8% and a lightness of 58.6%. #afdd4e color hex could be obtained by blending #ffff9c with #5fbb00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 87
- B 31
RGB color chart
- C 21
- M 0
- Y 65
- K 13
CMYK color chart

● #afdd4e color description : Soft green.

The hexadecimal color #afdd4e has RGB values of R:175, G:221, B:78 and CMYK values of C:0.21, M:0, Y:0.65, K:0.13. Its decimal value is 11525454.

Hex triplet	afdd4e	`#afdd4e`
RGB Decimal	175, 221, 78	`rgb(175,221,78)`
RGB Percent	68.6, 86.7, 30.6	`rgb(68.6%,86.7%,30.6%)`
CMYK	21, 0, 65, 13
HSL	79.3°, 67.8, 58.6	`hsl(79.3,67.8%,58.6%)`
HSV (or HSB)	79.3°, 64.7, 86.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	82.581, -35.478, 62.935
XYZ	44.91, 61.376, 16.688
xyY	0.365, 0.499, 61.376
CIE-LCH	82.581, 72.246, 119.411
CIE-LUV	82.581, -22.504, 81.112
Hunter-Lab	78.343, -34.775, 42.211
Binary	10101111, 11011101, 01001110

#afdd4e
```
#afdd4e rgb(175,221,78)
```
#7c4edd
```
#7c4edd rgb(124,78,221)
```

Complementary Color

#ddc44e
```
#ddc44e rgb(221,196,78)
```
#afdd4e
```
#afdd4e rgb(175,221,78)
```
#68dd4e
```
#68dd4e rgb(104,221,78)
```

Analogous Color

#c44edd
```
#c44edd rgb(196,78,221)
```
#afdd4e
```
#afdd4e rgb(175,221,78)
```
#4e68dd
```
#4e68dd rgb(78,104,221)
```

Split Complementary Color

#dd4eaf
```
#dd4eaf rgb(221,78,175)
```
#afdd4e
```
#afdd4e rgb(175,221,78)
```
#4eafdd
```
#4eafdd rgb(78,175,221)
```

Triadic Color

#dd7c4e
```
#dd7c4e rgb(221,124,78)
```
#afdd4e
```
#afdd4e rgb(175,221,78)
```
#4eafdd
```
#4eafdd rgb(78,175,221)
```
#7c4edd
```
#7c4edd rgb(124,78,221)
```

Tetradic Color

#8abb24
```
#8abb24 rgb(138,187,36)
```
#9ad028
```
#9ad028 rgb(154,208,40)
```
#a5d939
```
#a5d939 rgb(165,217,57)
```
#afdd4e
```
#afdd4e rgb(175,221,78)
```
#b9e163
```
#b9e163 rgb(185,225,99)
```
#c2e579
```
#c2e579 rgb(194,229,121)
```
#cce98e
```
#cce98e rgb(204,233,142)
```

Monochromatic Color

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

#d3dd4e
```
#d3dd4e rgb(211,221,78)
```
#c7dd4e
```
#c7dd4e rgb(199,221,78)
```
#bbdd4e
```
#bbdd4e rgb(187,221,78)
```
#afdd4e
```
#afdd4e rgb(175,221,78)
```
#a3dd4e
```
#a3dd4e rgb(163,221,78)
```
#97dd4e
```
#97dd4e rgb(151,221,78)
```
#8bdd4e
```
#8bdd4e rgb(139,221,78)
```

Similar Colors

Text with hexadecimal color #afdd4e

This text has a font color of #afdd4e.

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

#afdd4e background color

This paragraph has a background color of #afdd4e.

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

#afdd4e border color

This element has a border color of #afdd4e.

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

CSS codes

.text {color:#afdd4e;}

.background {background-color:#afdd4e;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#0f1404
```
#0f1404 rgb(15,20,4)
```
#1b2507
```
#1b2507 rgb(27,37,7)
```
#27350a
```
#27350a rgb(39,53,10)
```
#34460d
```
#34460d rgb(52,70,13)
```
#405611
```
#405611 rgb(64,86,17)
```
#4c6714
```
#4c6714 rgb(76,103,20)
```
#587717
```
#587717 rgb(88,119,23)
```
#64881a
```
#64881a rgb(100,136,26)
```
#71981d
```
#71981d rgb(113,152,29)
```
#7da920
```
#7da920 rgb(125,169,32)
```
#89b924
```
#89b924 rgb(137,185,36)
```
#95c927
```
#95c927 rgb(149,201,39)
```

Shade Color Variation

#a0d72d
```
#a0d72d rgb(160,215,45)
```
#a8da3e
```
#a8da3e rgb(168,218,62)
```
#afdd4e
```
#afdd4e rgb(175,221,78)
```
#b6e05e
```
#b6e05e rgb(182,224,94)
```
#bee36f
```
#bee36f rgb(190,227,111)
```
#c5e67f
```
#c5e67f rgb(197,230,127)
```
#cdea90
```
#cdea90 rgb(205,234,144)
```
#d4eda0
```
#d4eda0 rgb(212,237,160)
```
#dcf0b1
```
#dcf0b1 rgb(220,240,177)
```
#e3f3c1
```
#e3f3c1 rgb(227,243,193)
```
#eaf6d2
```
#eaf6d2 rgb(234,246,210)
```
#f2f9e2
```
#f2f9e2 rgb(242,249,226)
```
#f9fdf3
```
#f9fdf3 rgb(249,253,243)
```

Tint Color Variation

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

#989c8f
```
#989c8f rgb(152,156,143)
```
#9ba487
```
#9ba487 rgb(155,164,135)
```
#9eac7f
```
#9eac7f rgb(158,172,127)
```
#a1b477
```
#a1b477 rgb(161,180,119)
```
#a3bd6e
```
#a3bd6e rgb(163,189,110)
```
#a6c566
```
#a6c566 rgb(166,197,102)
```
#a9cd5e
```
#a9cd5e rgb(169,205,94)
```
#acd556
```
#acd556 rgb(172,213,86)
```
#afdd4e
```
#afdd4e rgb(175,221,78)
```
#b2e546
```
#b2e546 rgb(178,229,70)
```
#b5ed3e
```
#b5ed3e rgb(181,237,62)
```
#b8f536
```
#b8f536 rgb(184,245,54)
```
#bbfd2e
```
#bbfd2e rgb(187,253,46)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc5a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d053 Protanopia 1% of men
#ffc663 Deuteranopia 1% of men
#c5d1e0 Tritanopia 0.001% of the population

Trichromacy

#d2d451 Protanomaly 1% of men, 0.01% of women
#e1ce5b Deuteranomaly 6% of men, 0.4% of women
#bdd5ab Tritanomaly 0.01% of the population

#afdd4e hex color

#afdd4e Color Information

#afdd4e Color Conversion

Color Schemes with #afdd4e

Alternatives to #afdd4e

#afdd4e Preview

Shades and Tints of #afdd4e

Tones of #afdd4e

Color Blindness Simulator