#afd84d hex color

In a RGB color space, hex #afd84d is composed of 68.6% red, 84.7% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 0% magenta, 64.4% yellow and 15.3% black. It has a hue angle of 77.7 degrees, a saturation of 64.1% and a lightness of 57.5%. #afd84d color hex could be obtained by blending #ffff9a with #5fb100. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 85
- B 30
RGB color chart
- C 19
- M 0
- Y 64
- K 15
CMYK color chart

● #afd84d color description : Moderate green.

The hexadecimal color #afd84d has RGB values of R:175, G:216, B:77 and CMYK values of C:0.19, M:0, Y:0.64, K:0.15. Its decimal value is 11524173.

Hex triplet	afd84d	`#afd84d`
RGB Decimal	175, 216, 77	`rgb(175,216,77)`
RGB Percent	68.6, 84.7, 30.2	`rgb(68.6%,84.7%,30.2%)`
CMYK	19, 0, 64, 15
HSL	77.7°, 64.1, 57.5	`hsl(77.7,64.1%,57.5%)`
HSV (or HSB)	77.7°, 64.4, 84.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	81.16, -33.256, 61.83
XYZ	43.574, 58.761, 16.067
xyY	0.368, 0.496, 58.761
CIE-LCH	81.16, 70.206, 118.274
CIE-LUV	81.16, -19.775, 79.217
Hunter-Lab	76.656, -32.681, 41.232
Binary	10101111, 11011000, 01001101

#afd84d
```
#afd84d rgb(175,216,77)
```
#764dd8
```
#764dd8 rgb(118,77,216)
```

Complementary Color

#d8bc4d
```
#d8bc4d rgb(216,188,77)
```
#afd84d
```
#afd84d rgb(175,216,77)
```
#6ad84d
```
#6ad84d rgb(106,216,77)
```

Analogous Color

#bc4dd8
```
#bc4dd8 rgb(188,77,216)
```
#afd84d
```
#afd84d rgb(175,216,77)
```
#4d6ad8
```
#4d6ad8 rgb(77,106,216)
```

Split Complementary Color

#d84daf
```
#d84daf rgb(216,77,175)
```
#afd84d
```
#afd84d rgb(175,216,77)
```
#4dafd8
```
#4dafd8 rgb(77,175,216)
```

Triadic Color

#d8764d
```
#d8764d rgb(216,118,77)
```
#afd84d
```
#afd84d rgb(175,216,77)
```
#4dafd8
```
#4dafd8 rgb(77,175,216)
```
#764dd8
```
#764dd8 rgb(118,77,216)
```

Tetradic Color

#89b227
```
#89b227 rgb(137,178,39)
```
#99c72b
```
#99c72b rgb(153,199,43)
```
#a6d338
```
#a6d338 rgb(166,211,56)
```
#afd84d
```
#afd84d rgb(175,216,77)
```
#b8dd62
```
#b8dd62 rgb(184,221,98)
```
#c2e177
```
#c2e177 rgb(194,225,119)
```
#cbe68c
```
#cbe68c rgb(203,230,140)
```

Monochromatic Color

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

#d2d84d
```
#d2d84d rgb(210,216,77)
```
#c6d84d
```
#c6d84d rgb(198,216,77)
```
#bbd84d
```
#bbd84d rgb(187,216,77)
```
#afd84d
```
#afd84d rgb(175,216,77)
```
#a3d84d
```
#a3d84d rgb(163,216,77)
```
#98d84d
```
#98d84d rgb(152,216,77)
```
#8cd84d
```
#8cd84d rgb(140,216,77)
```

Similar Colors

Text with hexadecimal color #afd84d

This text has a font color of #afd84d.

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

#afd84d background color

This paragraph has a background color of #afd84d.

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

#afd84d border color

This element has a border color of #afd84d.

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

CSS codes

.text {color:#afd84d;}

.background {background-color:#afd84d;}

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

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

#0c0f03
```
#0c0f03 rgb(12,15,3)
```
#181f07
```
#181f07 rgb(24,31,7)
```
#242f0a
```
#242f0a rgb(36,47,10)
```
#313f0e
```
#313f0e rgb(49,63,14)
```
#3d4f11
```
#3d4f11 rgb(61,79,17)
```
#4a6015
```
#4a6015 rgb(74,96,21)
```
#567018
```
#567018 rgb(86,112,24)
```
#62801c
```
#62801c rgb(98,128,28)
```
#6f9020
```
#6f9020 rgb(111,144,32)
```
#7ba023
```
#7ba023 rgb(123,160,35)
```
#87b027
```
#87b027 rgb(135,176,39)
```
#94c02a
```
#94c02a rgb(148,192,42)
```
#a0d02e
```
#a0d02e rgb(160,208,46)
```

Shade Color Variation

#a8d43d
```
#a8d43d rgb(168,212,61)
```
#afd84d
```
#afd84d rgb(175,216,77)
```
#b6dc5d
```
#b6dc5d rgb(182,220,93)
```
#bddf6d
```
#bddf6d rgb(189,223,109)
```
#c5e37d
```
#c5e37d rgb(197,227,125)
```
#cce68d
```
#cce68d rgb(204,230,141)
```
#d3ea9d
```
#d3ea9d rgb(211,234,157)
```
#daedae
```
#daedae rgb(218,237,174)
```
#e2f1be
```
#e2f1be rgb(226,241,190)
```
#e9f4ce
```
#e9f4ce rgb(233,244,206)
```
#f0f8de
```
#f0f8de rgb(240,248,222)
```
#f7fbee
```
#f7fbee rgb(247,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#949590
```
#949590 rgb(148,149,144)
```
#979e87
```
#979e87 rgb(151,158,135)
```
#9aa67f
```
#9aa67f rgb(154,166,127)
```
#9eae77
```
#9eae77 rgb(158,174,119)
```
#a1b76e
```
#a1b76e rgb(161,183,110)
```
#a5bf66
```
#a5bf66 rgb(165,191,102)
```
#a8c75e
```
#a8c75e rgb(168,199,94)
```
#acd055
```
#acd055 rgb(172,208,85)
```
#afd84d
```
#afd84d rgb(175,216,77)
```
#b2e045
```
#b2e045 rgb(178,224,69)
```
#b6e93c
```
#b6e93c rgb(182,233,60)
```
#b9f134
```
#b9f134 rgb(185,241,52)
```
#bdf92c
```
#bdf92c rgb(189,249,44)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b9c2a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cc52 Protanopia 1% of men
#fac35f Deuteranopia 1% of men
#c5ccdb Tritanopia 0.001% of the population

Trichromacy

#d0d050 Protanomaly 1% of men, 0.01% of women
#dfca58 Deuteranomaly 6% of men, 0.4% of women
#bdd0a7 Tritanomaly 0.01% of the population

#afd84d hex color

#afd84d Color Information

#afd84d Color Conversion

Color Schemes with #afd84d

Alternatives to #afd84d

#afd84d Preview

Shades and Tints of #afd84d

Tones of #afd84d

Color Blindness Simulator