#afd683 hex color

In a RGB color space, hex #afd683 is composed of 68.6% red, 83.9% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 38.8% yellow and 16.1% black. It has a hue angle of 88.2 degrees, a saturation of 50.3% and a lightness of 67.6%. #afd683 color hex could be obtained by blending #ffffff with #5fad07. 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

● #afd683 color description : Slightly desaturated green.

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

Hex triplet	afd683	`#afd683`
RGB Decimal	175, 214, 131	`rgb(175,214,131)`
RGB Percent	68.6, 83.9, 51.4	`rgb(68.6%,83.9%,51.4%)`
CMYK	18, 0, 39, 16
HSL	88.2°, 50.3, 67.6	`hsl(88.2,50.3%,67.6%)`
HSV (or HSB)	88.2°, 38.8, 83.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.206, -26.938, 36.857
XYZ	45.821, 58.845, 30.416
xyY	0.339, 0.436, 58.845
CIE-LCH	81.206, 45.652, 126.163
CIE-LUV	81.206, -19.111, 53.856
Hunter-Lab	76.711, -27.62, 30.189
Binary	10101111, 11010110, 10000011

#afd683
```
#afd683 rgb(175,214,131)
```
#aa83d6
```
#aa83d6 rgb(170,131,214)
```

Complementary Color

#d6d483
```
#d6d483 rgb(214,212,131)
```
#afd683
```
#afd683 rgb(175,214,131)
```
#86d683
```
#86d683 rgb(134,214,131)
```

Analogous Color

#d483d6
```
#d483d6 rgb(212,131,214)
```
#afd683
```
#afd683 rgb(175,214,131)
```
#8386d6
```
#8386d6 rgb(131,134,214)
```

Split Complementary Color

#d683af
```
#d683af rgb(214,131,175)
```
#afd683
```
#afd683 rgb(175,214,131)
```
#83afd6
```
#83afd6 rgb(131,175,214)
```

Triadic Color

#d6aa83
```
#d6aa83 rgb(214,170,131)
```
#afd683
```
#afd683 rgb(175,214,131)
```
#83afd6
```
#83afd6 rgb(131,175,214)
```
#aa83d6
```
#aa83d6 rgb(170,131,214)
```

Tetradic Color

#8ac34a
```
#8ac34a rgb(138,195,74)
```
#96c95d
```
#96c95d rgb(150,201,93)
```
#a3d070
```
#a3d070 rgb(163,208,112)
```
#afd683
```
#afd683 rgb(175,214,131)
```
#bbdc96
```
#bbdc96 rgb(187,220,150)
```
#c8e3a9
```
#c8e3a9 rgb(200,227,169)
```
#d4e9bc
```
#d4e9bc rgb(212,233,188)
```

Monochromatic Color

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

#c4d683
```
#c4d683 rgb(196,214,131)
```
#bdd683
```
#bdd683 rgb(189,214,131)
```
#b6d683
```
#b6d683 rgb(182,214,131)
```
#afd683
```
#afd683 rgb(175,214,131)
```
#a8d683
```
#a8d683 rgb(168,214,131)
```
#a1d683
```
#a1d683 rgb(161,214,131)
```
#9ad683
```
#9ad683 rgb(154,214,131)
```

Similar Colors

Text with hexadecimal color #afd683

This text has a font color of #afd683.

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

#afd683 background color

This paragraph has a background color of #afd683.

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

#afd683 border color

This element has a border color of #afd683.

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

CSS codes

.text {color:#afd683;}

.background {background-color:#afd683;}

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

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 #fbfdf9 is the lightest one.

#060903
```
#060903 rgb(6,9,3)
```
#101708
```
#101708 rgb(16,23,8)
```
#1a260d
```
#1a260d rgb(26,38,13)
```
#243511
```
#243511 rgb(36,53,17)
```
#2e4416
```
#2e4416 rgb(46,68,22)
```
#38521b
```
#38521b rgb(56,82,27)
```
#436120
```
#436120 rgb(67,97,32)
```
#4d7025
```
#4d7025 rgb(77,112,37)
```
#577f2a
```
#577f2a rgb(87,127,42)
```
#618d2f
```
#618d2f rgb(97,141,47)
```
#6b9c34
```
#6b9c34 rgb(107,156,52)
```
#75ab38
```
#75ab38 rgb(117,171,56)
```
#7fba3d
```
#7fba3d rgb(127,186,61)
```

Shade Color Variation

#89c348
```
#89c348 rgb(137,195,72)
```
#92c757
```
#92c757 rgb(146,199,87)
```
#9ccc66
```
#9ccc66 rgb(156,204,102)
```
#a5d174
```
#a5d174 rgb(165,209,116)
```
#afd683
```
#afd683 rgb(175,214,131)
```
#b9db92
```
#b9db92 rgb(185,219,146)
```
#c2e0a0
```
#c2e0a0 rgb(194,224,160)
```
#cce5af
```
#cce5af rgb(204,229,175)
```
#d5e9be
```
#d5e9be rgb(213,233,190)
```
#dfeecd
```
#dfeecd rgb(223,238,205)
```
#e8f3db
```
#e8f3db rgb(232,243,219)
```
#f2f8ea
```
#f2f8ea rgb(242,248,234)
```
#fbfdf9
```
#fbfdf9 rgb(251,253,249)
```

Tint Color Variation

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

#adb0a9
```
#adb0a9 rgb(173,176,169)
```
#adb6a3
```
#adb6a3 rgb(173,182,163)
```
#adbd9c
```
#adbd9c rgb(173,189,156)
```
#aec396
```
#aec396 rgb(174,195,150)
```
#aec990
```
#aec990 rgb(174,201,144)
```
#afd089
```
#afd089 rgb(175,208,137)
```
#afd683
```
#afd683 rgb(175,214,131)
```
#afdc7d
```
#afdc7d rgb(175,220,125)
```
#b0e376
```
#b0e376 rgb(176,227,118)
```
#b0e970
```
#b0e970 rgb(176,233,112)
```
#b1ef6a
```
#b1ef6a rgb(177,239,106)
```
#b1f663
```
#b1f663 rgb(177,246,99)
```
#b1fc5d
```
#b1fc5d rgb(177,252,93)
```

Tone Color Variation

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

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

Trichromacy

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

#afd683 hex color

#afd683 Color Information

#afd683 Color Conversion

Color Schemes with #afd683

Alternatives to #afd683

#afd683 Preview

Shades and Tints of #afd683

Tones of #afd683

Color Blindness Simulator