#afdd84 hex color

In a RGB color space, hex #afdd84 is composed of 68.6% red, 86.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 40.3% yellow and 13.3% black. It has a hue angle of 91 degrees, a saturation of 56.7% and a lightness of 69.2%. #afdd84 color hex could be obtained by blending #ffffff with #5fbb09. Closest websafe color is: #99cc99.

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

● #afdd84 color description : Very soft green.

The hexadecimal color #afdd84 has RGB values of R:175, G:221, B:132 and CMYK values of C:0.21, M:0, Y:0.4, K:0.13. Its decimal value is 11525508.

Hex triplet	afdd84	`#afdd84`
RGB Decimal	175, 221, 132	`rgb(175,221,132)`
RGB Percent	68.6, 86.7, 51.8	`rgb(68.6%,86.7%,51.8%)`
CMYK	21, 0, 40, 13
HSL	91°, 56.7, 69.2	`hsl(91,56.7%,69.2%)`
HSV (or HSB)	91°, 40.3, 86.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.174, -30.137, 38.886
XYZ	47.699, 62.492, 31.378
xyY	0.337, 0.441, 62.492
CIE-LCH	83.174, 49.197, 127.776
CIE-LUV	83.174, -22.757, 57.102
Hunter-Lab	79.052, -30.635, 31.803
Binary	10101111, 11011101, 10000100

#afdd84
```
#afdd84 rgb(175,221,132)
```
#b284dd
```
#b284dd rgb(178,132,221)
```

Complementary Color

#dcdd84
```
#dcdd84 rgb(220,221,132)
```
#afdd84
```
#afdd84 rgb(175,221,132)
```
#84dd86
```
#84dd86 rgb(132,221,134)
```

Analogous Color

#dd84dc
```
#dd84dc rgb(221,132,220)
```
#afdd84
```
#afdd84 rgb(175,221,132)
```
#8684dd
```
#8684dd rgb(134,132,221)
```

Split Complementary Color

#dd84af
```
#dd84af rgb(221,132,175)
```
#afdd84
```
#afdd84 rgb(175,221,132)
```
#84afdd
```
#84afdd rgb(132,175,221)
```

Triadic Color

#ddb284
```
#ddb284 rgb(221,178,132)
```
#afdd84
```
#afdd84 rgb(175,221,132)
```
#84afdd
```
#84afdd rgb(132,175,221)
```
#b284dd
```
#b284dd rgb(178,132,221)
```

Tetradic Color

#88cc48
```
#88cc48 rgb(136,204,72)
```
#95d25c
```
#95d25c rgb(149,210,92)
```
#a2d770
```
#a2d770 rgb(162,215,112)
```
#afdd84
```
#afdd84 rgb(175,221,132)
```
#bce398
```
#bce398 rgb(188,227,152)
```
#c9e8ac
```
#c9e8ac rgb(201,232,172)
```
#d6eec0
```
#d6eec0 rgb(214,238,192)
```

Monochromatic Color

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

#c5dd84
```
#c5dd84 rgb(197,221,132)
```
#bedd84
```
#bedd84 rgb(190,221,132)
```
#b6dd84
```
#b6dd84 rgb(182,221,132)
```
#afdd84
```
#afdd84 rgb(175,221,132)
```
#a8dd84
```
#a8dd84 rgb(168,221,132)
```
#a0dd84
```
#a0dd84 rgb(160,221,132)
```
#99dd84
```
#99dd84 rgb(153,221,132)
```

Similar Colors

Text with hexadecimal color #afdd84

This text has a font color of #afdd84.

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

#afdd84 background color

This paragraph has a background color of #afdd84.

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

#afdd84 border color

This element has a border color of #afdd84.

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

CSS codes

.text {color:#afdd84;}

.background {background-color:#afdd84;}

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

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, #0a0f04 is the darkest color, while #ffffff is the lightest one.

#0a0f04
```
#0a0f04 rgb(10,15,4)
```
#131f08
```
#131f08 rgb(19,31,8)
```
#1d2e0d
```
#1d2e0d rgb(29,46,13)
```
#263d11
```
#263d11 rgb(38,61,17)
```
#304d15
```
#304d15 rgb(48,77,21)
```
#3a5c19
```
#3a5c19 rgb(58,92,25)
```
#436c1e
```
#436c1e rgb(67,108,30)
```
#4d7b22
```
#4d7b22 rgb(77,123,34)
```
#578a26
```
#578a26 rgb(87,138,38)
```
#609a2a
```
#609a2a rgb(96,154,42)
```
#6aa92f
```
#6aa92f rgb(106,169,47)
```
#73b833
```
#73b833 rgb(115,184,51)
```
#7dc837
```
#7dc837 rgb(125,200,55)
```

Shade Color Variation

#87cc47
```
#87cc47 rgb(135,204,71)
```
#91d056
```
#91d056 rgb(145,208,86)
```
#9bd565
```
#9bd565 rgb(155,213,101)
```
#a5d975
```
#a5d975 rgb(165,217,117)
```
#afdd84
```
#afdd84 rgb(175,221,132)
```
#b9e193
```
#b9e193 rgb(185,225,147)
```
#c3e5a3
```
#c3e5a3 rgb(195,229,163)
```
#cdeab2
```
#cdeab2 rgb(205,234,178)
```
#d7eec1
```
#d7eec1 rgb(215,238,193)
```
#e1f2d1
```
#e1f2d1 rgb(225,242,209)
```
#ebf6e0
```
#ebf6e0 rgb(235,246,224)
```
#f5fbf0
```
#f5fbf0 rgb(245,251,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0b3ae
```
#b0b3ae rgb(176,179,174)
```
#b0b9a8
```
#b0b9a8 rgb(176,185,168)
```
#b0bfa2
```
#b0bfa2 rgb(176,191,162)
```
#b0c59c
```
#b0c59c rgb(176,197,156)
```
#b0cb96
```
#b0cb96 rgb(176,203,150)
```
#afd190
```
#afd190 rgb(175,209,144)
```
#afd78a
```
#afd78a rgb(175,215,138)
```
#afdd84
```
#afdd84 rgb(175,221,132)
```
#afe37e
```
#afe37e rgb(175,227,126)
```
#afe978
```
#afe978 rgb(175,233,120)
```
#aeef72
```
#aeef72 rgb(174,239,114)
```
#aef56c
```
#aef56c rgb(174,245,108)
```
#aefb66
```
#aefb66 rgb(174,251,102)
```

Tone Color Variation

Below, you can see how #afdd84 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
#c1cab8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d185 Protanopia 1% of men
#f9c991 Deuteranopia 1% of men
#c2d4e3 Tritanopia 0.001% of the population

Trichromacy

#d0d585 Protanomaly 1% of men, 0.01% of women
#ded08c Deuteranomaly 6% of men, 0.4% of women
#bbd7c0 Tritanomaly 0.01% of the population

#afdd84 hex color

#afdd84 Color Information

#afdd84 Color Conversion

Color Schemes with #afdd84

Alternatives to #afdd84

#afdd84 Preview

Shades and Tints of #afdd84

Tones of #afdd84

Color Blindness Simulator