#afdd77 hex color

In a RGB color space, hex #afdd77 is composed of 68.6% red, 86.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 46.2% yellow and 13.3% black. It has a hue angle of 87.1 degrees, a saturation of 60% and a lightness of 66.7%. #afdd77 color hex could be obtained by blending #ffffee with #5fbb00. Closest websafe color is: #99cc66.

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

● #afdd77 color description : Soft green.

The hexadecimal color #afdd77 has RGB values of R:175, G:221, B:119 and CMYK values of C:0.21, M:0, Y:0.46, K:0.13. Its decimal value is 11525495.

Hex triplet	afdd77	`#afdd77`
RGB Decimal	175, 221, 119	`rgb(175,221,119)`
RGB Percent	68.6, 86.7, 46.7	`rgb(68.6%,86.7%,46.7%)`
CMYK	21, 0, 46, 13
HSL	87.1°, 60, 66.7	`hsl(87.1,60%,66.7%)`
HSV (or HSB)	87.1°, 46.2, 86.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	82.997, -31.706, 45.065
XYZ	46.864, 62.158, 26.98
xyY	0.345, 0.457, 62.158
CIE-LCH	82.997, 55.101, 125.129
CIE-LUV	82.997, -22.683, 64.018
Hunter-Lab	78.84, -31.866, 34.898
Binary	10101111, 11011101, 01110111

#afdd77
```
#afdd77 rgb(175,221,119)
```
#a577dd
```
#a577dd rgb(165,119,221)
```

Complementary Color

#ddd877
```
#ddd877 rgb(221,216,119)
```
#afdd77
```
#afdd77 rgb(175,221,119)
```
#7cdd77
```
#7cdd77 rgb(124,221,119)
```

Analogous Color

#d877dd
```
#d877dd rgb(216,119,221)
```
#afdd77
```
#afdd77 rgb(175,221,119)
```
#777cdd
```
#777cdd rgb(119,124,221)
```

Split Complementary Color

#dd77af
```
#dd77af rgb(221,119,175)
```
#afdd77
```
#afdd77 rgb(175,221,119)
```
#77afdd
```
#77afdd rgb(119,175,221)
```

Triadic Color

#dda577
```
#dda577 rgb(221,165,119)
```
#afdd77
```
#afdd77 rgb(175,221,119)
```
#77afdd
```
#77afdd rgb(119,175,221)
```
#a577dd
```
#a577dd rgb(165,119,221)
```

Tetradic Color

#8bce3a
```
#8bce3a rgb(139,206,58)
```
#97d34e
```
#97d34e rgb(151,211,78)
```
#a3d863
```
#a3d863 rgb(163,216,99)
```
#afdd77
```
#afdd77 rgb(175,221,119)
```
#bbe28b
```
#bbe28b rgb(187,226,139)
```
#c7e7a0
```
#c7e7a0 rgb(199,231,160)
```
#d3ecb4
```
#d3ecb4 rgb(211,236,180)
```

Monochromatic Color

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

#c9dd77
```
#c9dd77 rgb(201,221,119)
```
#c0dd77
```
#c0dd77 rgb(192,221,119)
```
#b8dd77
```
#b8dd77 rgb(184,221,119)
```
#afdd77
```
#afdd77 rgb(175,221,119)
```
#a7dd77
```
#a7dd77 rgb(167,221,119)
```
#9edd77
```
#9edd77 rgb(158,221,119)
```
#96dd77
```
#96dd77 rgb(150,221,119)
```

Similar Colors

Text with hexadecimal color #afdd77

This text has a font color of #afdd77.

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

#afdd77 background color

This paragraph has a background color of #afdd77.

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

#afdd77 border color

This element has a border color of #afdd77.

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

CSS codes

.text {color:#afdd77;}

.background {background-color:#afdd77;}

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0e1505
```
#0e1505 rgb(14,21,5)
```
#182509
```
#182509 rgb(24,37,9)
```
#23340d
```
#23340d rgb(35,52,13)
```
#2d4411
```
#2d4411 rgb(45,68,17)
```
#375415
```
#375415 rgb(55,84,21)
```
#426319
```
#426319 rgb(66,99,25)
```
#4c731d
```
#4c731d rgb(76,115,29)
```
#578321
```
#578321 rgb(87,131,33)
```
#619225
```
#619225 rgb(97,146,37)
```
#6ba229
```
#6ba229 rgb(107,162,41)
```
#76b22c
```
#76b22c rgb(118,178,44)
```
#80c230
```
#80c230 rgb(128,194,48)
```

Shade Color Variation

#8acd38
```
#8acd38 rgb(138,205,56)
```
#93d148
```
#93d148 rgb(147,209,72)
```
#9dd558
```
#9dd558 rgb(157,213,88)
```
#a6d967
```
#a6d967 rgb(166,217,103)
```
#afdd77
```
#afdd77 rgb(175,221,119)
```
#b8e187
```
#b8e187 rgb(184,225,135)
```
#c1e596
```
#c1e596 rgb(193,229,150)
```
#cbe9a6
```
#cbe9a6 rgb(203,233,166)
```
#d4edb6
```
#d4edb6 rgb(212,237,182)
```
#ddf1c5
```
#ddf1c5 rgb(221,241,197)
```
#e6f5d5
```
#e6f5d5 rgb(230,245,213)
```
#f0f8e5
```
#f0f8e5 rgb(240,248,229)
```
#f9fcf5
```
#f9fcf5 rgb(249,252,245)
```

Tint Color Variation

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

#abafa5
```
#abafa5 rgb(171,175,165)
```
#abb69e
```
#abb69e rgb(171,182,158)
```
#acbc98
```
#acbc98 rgb(172,188,152)
```
#acc391
```
#acc391 rgb(172,195,145)
```
#adc98b
```
#adc98b rgb(173,201,139)
```
#aed084
```
#aed084 rgb(174,208,132)
```
#aed67e
```
#aed67e rgb(174,214,126)
```
#afdd77
```
#afdd77 rgb(175,221,119)
```
#b0e470
```
#b0e470 rgb(176,228,112)
```
#b0ea6a
```
#b0ea6a rgb(176,234,106)
```
#b1f163
```
#b1f163 rgb(177,241,99)
```
#b2f75d
```
#b2f75d rgb(178,247,93)
```
#b2fe56
```
#b2fe56 rgb(178,254,86)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c9b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d179 Protanopia 1% of men
#fbc885 Deuteranopia 1% of men
#c3d3e2 Tritanopia 0.001% of the population

Trichromacy

#d1d578 Protanomaly 1% of men, 0.01% of women
#dfcf80 Deuteranomaly 6% of men, 0.4% of women
#bcd6bb Tritanomaly 0.01% of the population

#afdd77 hex color

#afdd77 Color Information

#afdd77 Color Conversion

Color Schemes with #afdd77

Alternatives to #afdd77

#afdd77 Preview

Shades and Tints of #afdd77

Tones of #afdd77

Color Blindness Simulator