#afd682 hex color

In a RGB color space, hex #afd682 is composed of 68.6% red, 83.9% green and 51% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 39.3% yellow and 16.1% black. It has a hue angle of 87.9 degrees, a saturation of 50.6% and a lightness of 67.5%. #afd682 color hex could be obtained by blending #ffffff with #5fad05. Closest websafe color is: #99cc99.

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

● #afd682 color description : Slightly desaturated green.

The hexadecimal color #afd682 has RGB values of R:175, G:214, B:130 and CMYK values of C:0.18, M:0, Y:0.39, K:0.16. Its decimal value is 11523714.

Hex triplet	afd682	`#afd682`
RGB Decimal	175, 214, 130	`rgb(175,214,130)`
RGB Percent	68.6, 83.9, 51	`rgb(68.6%,83.9%,51%)`
CMYK	18, 0, 39, 16
HSL	87.9°, 50.6, 67.5	`hsl(87.9,50.6%,67.5%)`
HSV (or HSB)	87.9°, 39.3, 83.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.191, -27.067, 37.342
XYZ	45.754, 58.818, 30.06
xyY	0.34, 0.437, 58.818
CIE-LCH	81.191, 46.12, 125.936
CIE-LUV	81.191, -19.101, 54.422
Hunter-Lab	76.693, -27.722, 30.446
Binary	10101111, 11010110, 10000010

#afd682
```
#afd682 rgb(175,214,130)
```
#a982d6
```
#a982d6 rgb(169,130,214)
```

Complementary Color

#d6d382
```
#d6d382 rgb(214,211,130)
```
#afd682
```
#afd682 rgb(175,214,130)
```
#85d682
```
#85d682 rgb(133,214,130)
```

Analogous Color

#d382d6
```
#d382d6 rgb(211,130,214)
```
#afd682
```
#afd682 rgb(175,214,130)
```
#8285d6
```
#8285d6 rgb(130,133,214)
```

Split Complementary Color

#d682af
```
#d682af rgb(214,130,175)
```
#afd682
```
#afd682 rgb(175,214,130)
```
#82afd6
```
#82afd6 rgb(130,175,214)
```

Triadic Color

#d6a982
```
#d6a982 rgb(214,169,130)
```
#afd682
```
#afd682 rgb(175,214,130)
```
#82afd6
```
#82afd6 rgb(130,175,214)
```
#a982d6
```
#a982d6 rgb(169,130,214)
```

Tetradic Color

#8ac348
```
#8ac348 rgb(138,195,72)
```
#96c95c
```
#96c95c rgb(150,201,92)
```
#a3d06f
```
#a3d06f rgb(163,208,111)
```
#afd682
```
#afd682 rgb(175,214,130)
```
#bbdc95
```
#bbdc95 rgb(187,220,149)
```
#c8e3a8
```
#c8e3a8 rgb(200,227,168)
```
#d4e9bc
```
#d4e9bc rgb(212,233,188)
```

Monochromatic Color

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

#c4d682
```
#c4d682 rgb(196,214,130)
```
#bdd682
```
#bdd682 rgb(189,214,130)
```
#b6d682
```
#b6d682 rgb(182,214,130)
```
#afd682
```
#afd682 rgb(175,214,130)
```
#a8d682
```
#a8d682 rgb(168,214,130)
```
#a1d682
```
#a1d682 rgb(161,214,130)
```
#9ad682
```
#9ad682 rgb(154,214,130)
```

Similar Colors

Text with hexadecimal color #afd682

This text has a font color of #afd682.

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

#afd682 background color

This paragraph has a background color of #afd682.

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

#afd682 border color

This element has a border color of #afd682.

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

CSS codes

.text {color:#afd682;}

.background {background-color:#afd682;}

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

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

#050803
```
#050803 rgb(5,8,3)
```
#101707
```
#101707 rgb(16,23,7)
```
#1a250c
```
#1a250c rgb(26,37,12)
```
#243411
```
#243411 rgb(36,52,17)
```
#2e4316
```
#2e4316 rgb(46,67,22)
```
#38521b
```
#38521b rgb(56,82,27)
```
#426120
```
#426120 rgb(66,97,32)
```
#4d6f25
```
#4d6f25 rgb(77,111,37)
```
#577e29
```
#577e29 rgb(87,126,41)
```
#618d2e
```
#618d2e rgb(97,141,46)
```
#6b9c33
```
#6b9c33 rgb(107,156,51)
```
#75aa38
```
#75aa38 rgb(117,170,56)
```
#7fb93d
```
#7fb93d rgb(127,185,61)
```

Shade Color Variation

#89c347
```
#89c347 rgb(137,195,71)
```
#93c756
```
#93c756 rgb(147,199,86)
```
#9ccc64
```
#9ccc64 rgb(156,204,100)
```
#a6d173
```
#a6d173 rgb(166,209,115)
```
#afd682
```
#afd682 rgb(175,214,130)
```
#b8db91
```
#b8db91 rgb(184,219,145)
```
#c2e0a0
```
#c2e0a0 rgb(194,224,160)
```
#cbe5ae
```
#cbe5ae rgb(203,229,174)
```
#d5e9bd
```
#d5e9bd rgb(213,233,189)
```
#deeecc
```
#deeecc rgb(222,238,204)
```
#e8f3db
```
#e8f3db rgb(232,243,219)
```
#f1f8e9
```
#f1f8e9 rgb(241,248,233)
```
#fbfdf8
```
#fbfdf8 rgb(251,253,248)
```

Tint Color Variation

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

#acb0a8
```
#acb0a8 rgb(172,176,168)
```
#adb6a2
```
#adb6a2 rgb(173,182,162)
```
#adbc9c
```
#adbc9c rgb(173,188,156)
```
#aec395
```
#aec395 rgb(174,195,149)
```
#aec98f
```
#aec98f rgb(174,201,143)
```
#afd088
```
#afd088 rgb(175,208,136)
```
#afd682
```
#afd682 rgb(175,214,130)
```
#afdc7c
```
#afdc7c rgb(175,220,124)
```
#b0e375
```
#b0e375 rgb(176,227,117)
```
#b0e96f
```
#b0e96f rgb(176,233,111)
```
#b1f068
```
#b1f068 rgb(177,240,104)
```
#b1f662
```
#b1f662 rgb(177,246,98)
```
#b2fc5c
```
#b2fc5c rgb(178,252,92)
```

Tone Color Variation

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

Dichromacy

#decc84 Protanopia 1% of men
#f2c48f Deuteranopia 1% of men
#c1cddc Tritanopia 0.001% of the population

Trichromacy

#cdcf83 Protanomaly 1% of men, 0.01% of women
#daca8a Deuteranomaly 6% of men, 0.4% of women
#bad0bb Tritanomaly 0.01% of the population

#afd682 hex color

#afd682 Color Information

#afd682 Color Conversion

Color Schemes with #afd682

Alternatives to #afd682

#afd682 Preview

Shades and Tints of #afd682

Tones of #afd682

Color Blindness Simulator