#afd684 hex color

In a RGB color space, hex #afd684 is composed of 68.6% red, 83.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 38.3% yellow and 16.1% black. It has a hue angle of 88.5 degrees, a saturation of 50% and a lightness of 67.8%. #afd684 color hex could be obtained by blending #ffffff with #5fad09. Closest websafe color is: #99cc99.

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

● #afd684 color description : Slightly desaturated green.

The hexadecimal color #afd684 has RGB values of R:175, G:214, B:132 and CMYK values of C:0.18, M:0, Y:0.38, K:0.16. Its decimal value is 11523716.

Hex triplet	afd684	`#afd684`
RGB Decimal	175, 214, 132	`rgb(175,214,132)`
RGB Percent	68.6, 83.9, 51.8	`rgb(68.6%,83.9%,51.8%)`
CMYK	18, 0, 38, 16
HSL	88.5°, 50, 67.8	`hsl(88.5,50%,67.8%)`
HSV (or HSB)	88.5°, 38.3, 83.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.221, -26.809, 36.371
XYZ	45.889, 58.872, 30.774
xyY	0.339, 0.434, 58.872
CIE-LCH	81.221, 45.184, 126.394
CIE-LUV	81.221, -19.122, 53.285
Hunter-Lab	76.728, -27.518, 29.93
Binary	10101111, 11010110, 10000100

#afd684
```
#afd684 rgb(175,214,132)
```
#ab84d6
```
#ab84d6 rgb(171,132,214)
```

Complementary Color

#d6d484
```
#d6d484 rgb(214,212,132)
```
#afd684
```
#afd684 rgb(175,214,132)
```
#86d684
```
#86d684 rgb(134,214,132)
```

Analogous Color

#d484d6
```
#d484d6 rgb(212,132,214)
```
#afd684
```
#afd684 rgb(175,214,132)
```
#8486d6
```
#8486d6 rgb(132,134,214)
```

Split Complementary Color

#d684af
```
#d684af rgb(214,132,175)
```
#afd684
```
#afd684 rgb(175,214,132)
```
#84afd6
```
#84afd6 rgb(132,175,214)
```

Triadic Color

#d6ab84
```
#d6ab84 rgb(214,171,132)
```
#afd684
```
#afd684 rgb(175,214,132)
```
#84afd6
```
#84afd6 rgb(132,175,214)
```
#ab84d6
```
#ab84d6 rgb(171,132,214)
```

Tetradic Color

#8ac34b
```
#8ac34b rgb(138,195,75)
```
#96c95e
```
#96c95e rgb(150,201,94)
```
#a3d071
```
#a3d071 rgb(163,208,113)
```
#afd684
```
#afd684 rgb(175,214,132)
```
#bbdc97
```
#bbdc97 rgb(187,220,151)
```
#c8e3aa
```
#c8e3aa rgb(200,227,170)
```
#d4e9bd
```
#d4e9bd rgb(212,233,189)
```

Monochromatic Color

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

#c4d684
```
#c4d684 rgb(196,214,132)
```
#bdd684
```
#bdd684 rgb(189,214,132)
```
#b6d684
```
#b6d684 rgb(182,214,132)
```
#afd684
```
#afd684 rgb(175,214,132)
```
#a8d684
```
#a8d684 rgb(168,214,132)
```
#a1d684
```
#a1d684 rgb(161,214,132)
```
#9bd684
```
#9bd684 rgb(155,214,132)
```

Similar Colors

Text with hexadecimal color #afd684

This text has a font color of #afd684.

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

#afd684 background color

This paragraph has a background color of #afd684.

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

#afd684 border color

This element has a border color of #afd684.

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

CSS codes

.text {color:#afd684;}

.background {background-color:#afd684;}

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

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

#060903
```
#060903 rgb(6,9,3)
```
#101808
```
#101808 rgb(16,24,8)
```
#1b270d
```
#1b270d rgb(27,39,13)
```
#253612
```
#253612 rgb(37,54,18)
```
#2f4417
```
#2f4417 rgb(47,68,23)
```
#39531c
```
#39531c rgb(57,83,28)
```
#436221
```
#436221 rgb(67,98,33)
```
#4d7025
```
#4d7025 rgb(77,112,37)
```
#577f2a
```
#577f2a rgb(87,127,42)
```
#618e2f
```
#618e2f rgb(97,142,47)
```
#6b9d34
```
#6b9d34 rgb(107,157,52)
```
#75ab39
```
#75ab39 rgb(117,171,57)
```
#7fba3e
```
#7fba3e rgb(127,186,62)
```

Shade Color Variation

#89c249
```
#89c249 rgb(137,194,73)
```
#92c758
```
#92c758 rgb(146,199,88)
```
#9ccc67
```
#9ccc67 rgb(156,204,103)
```
#a5d175
```
#a5d175 rgb(165,209,117)
```
#afd684
```
#afd684 rgb(175,214,132)
```
#b9db93
```
#b9db93 rgb(185,219,147)
```
#c2e0a1
```
#c2e0a1 rgb(194,224,161)
```
#cce5b0
```
#cce5b0 rgb(204,229,176)
```
#d5eabf
```
#d5eabf rgb(213,234,191)
```
#dfefce
```
#dfefce rgb(223,239,206)
```
#e8f3dc
```
#e8f3dc rgb(232,243,220)
```
#f2f8eb
```
#f2f8eb rgb(242,248,235)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#adb0aa
```
#adb0aa rgb(173,176,170)
```
#adb6a4
```
#adb6a4 rgb(173,182,164)
```
#aebd9d
```
#aebd9d rgb(174,189,157)
```
#aec397
```
#aec397 rgb(174,195,151)
```
#aec991
```
#aec991 rgb(174,201,145)
```
#afd08a
```
#afd08a rgb(175,208,138)
```
#afd684
```
#afd684 rgb(175,214,132)
```
#afdc7e
```
#afdc7e rgb(175,220,126)
```
#b0e377
```
#b0e377 rgb(176,227,119)
```
#b0e971
```
#b0e971 rgb(176,233,113)
```
#b0ef6b
```
#b0ef6b rgb(176,239,107)
```
#b1f664
```
#b1f664 rgb(177,246,100)
```
#b1fc5e
```
#b1fc5e rgb(177,252,94)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bdc5b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#decc86 Protanopia 1% of men
#f2c490 Deuteranopia 1% of men
#c1cedc Tritanopia 0.001% of the population

Trichromacy

#cccf85 Protanomaly 1% of men, 0.01% of women
#d9ca8c Deuteranomaly 6% of men, 0.4% of women
#bad0bc Tritanomaly 0.01% of the population

#afd684 hex color

#afd684 Color Information

#afd684 Color Conversion

Color Schemes with #afd684

Alternatives to #afd684

#afd684 Preview

Shades and Tints of #afd684

Tones of #afd684

Color Blindness Simulator