#afd672 hex color

In a RGB color space, hex #afd672 is composed of 68.6% red, 83.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 46.7% yellow and 16.1% black. It has a hue angle of 83.4 degrees, a saturation of 54.9% and a lightness of 64.3%. #afd672 color hex could be obtained by blending #ffffe4 with #5fad00. Closest websafe color is: #99cc66.

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

● #afd672 color description : Slightly desaturated green.

The hexadecimal color #afd672 has RGB values of R:175, G:214, B:114 and CMYK values of C:0.18, M:0, Y:0.47, K:0.16. Its decimal value is 11523698.

Hex triplet	afd672	`#afd672`
RGB Decimal	175, 214, 114	`rgb(175,214,114)`
RGB Percent	68.6, 83.9, 44.7	`rgb(68.6%,83.9%,44.7%)`
CMYK	18, 0, 47, 16
HSL	83.4°, 54.9, 64.3	`hsl(83.4,54.9%,64.3%)`
HSV (or HSB)	83.4°, 46.7, 83.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.972, -28.975, 44.993
XYZ	44.762, 58.421, 24.837
xyY	0.35, 0.456, 58.421
CIE-LCH	80.972, 53.515, 122.781
CIE-LUV	80.972, -18.947, 62.93
Hunter-Lab	76.434, -29.224, 34.238
Binary	10101111, 11010110, 01110010

#afd672
```
#afd672 rgb(175,214,114)
```
#9972d6
```
#9972d6 rgb(153,114,214)
```

Complementary Color

#d6cb72
```
#d6cb72 rgb(214,203,114)
```
#afd672
```
#afd672 rgb(175,214,114)
```
#7dd672
```
#7dd672 rgb(125,214,114)
```

Analogous Color

#cb72d6
```
#cb72d6 rgb(203,114,214)
```
#afd672
```
#afd672 rgb(175,214,114)
```
#727dd6
```
#727dd6 rgb(114,125,214)
```

Split Complementary Color

#d672af
```
#d672af rgb(214,114,175)
```
#afd672
```
#afd672 rgb(175,214,114)
```
#72afd6
```
#72afd6 rgb(114,175,214)
```

Triadic Color

#d69972
```
#d69972 rgb(214,153,114)
```
#afd672
```
#afd672 rgb(175,214,114)
```
#72afd6
```
#72afd6 rgb(114,175,214)
```
#9972d6
```
#9972d6 rgb(153,114,214)
```

Tetradic Color

#8dc339
```
#8dc339 rgb(141,195,57)
```
#99cb4a
```
#99cb4a rgb(153,203,74)
```
#a4d05e
```
#a4d05e rgb(164,208,94)
```
#afd672
```
#afd672 rgb(175,214,114)
```
#badc86
```
#badc86 rgb(186,220,134)
```
#c5e19a
```
#c5e19a rgb(197,225,154)
```
#d1e7ad
```
#d1e7ad rgb(209,231,173)
```

Monochromatic Color

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

#c8d672
```
#c8d672 rgb(200,214,114)
```
#c0d672
```
#c0d672 rgb(192,214,114)
```
#b7d672
```
#b7d672 rgb(183,214,114)
```
#afd672
```
#afd672 rgb(175,214,114)
```
#a7d672
```
#a7d672 rgb(167,214,114)
```
#9ed672
```
#9ed672 rgb(158,214,114)
```
#96d672
```
#96d672 rgb(150,214,114)
```

Similar Colors

Text with hexadecimal color #afd672

This text has a font color of #afd672.

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

#afd672 background color

This paragraph has a background color of #afd672.

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

#afd672 border color

This element has a border color of #afd672.

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

CSS codes

.text {color:#afd672;}

.background {background-color:#afd672;}

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

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, #080b03 is the darkest color, while #fdfefb is the lightest one.

#080b03
```
#080b03 rgb(8,11,3)
```
#131a08
```
#131a08 rgb(19,26,8)
```
#1e290c
```
#1e290c rgb(30,41,12)
```
#293910
```
#293910 rgb(41,57,16)
```
#344815
```
#344815 rgb(52,72,21)
```
#3f5719
```
#3f5719 rgb(63,87,25)
```
#4a661e
```
#4a661e rgb(74,102,30)
```
#557522
```
#557522 rgb(85,117,34)
```
#608527
```
#608527 rgb(96,133,39)
```
#6b942b
```
#6b942b rgb(107,148,43)
```
#76a32f
```
#76a32f rgb(118,163,47)
```
#81b234
```
#81b234 rgb(129,178,52)
```
#8cc138
```
#8cc138 rgb(140,193,56)
```

Shade Color Variation

#95c944
```
#95c944 rgb(149,201,68)
```
#9ecd54
```
#9ecd54 rgb(158,205,84)
```
#a6d263
```
#a6d263 rgb(166,210,99)
```
#afd672
```
#afd672 rgb(175,214,114)
```
#b8da81
```
#b8da81 rgb(184,218,129)
```
#c0df90
```
#c0df90 rgb(192,223,144)
```
#c9e3a0
```
#c9e3a0 rgb(201,227,160)
```
#d1e8af
```
#d1e8af rgb(209,232,175)
```
#daecbe
```
#daecbe rgb(218,236,190)
```
#e3f1cd
```
#e3f1cd rgb(227,241,205)
```
#ebf5dc
```
#ebf5dc rgb(235,245,220)
```
#f4f9ec
```
#f4f9ec rgb(244,249,236)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#a4a5a3
```
#a4a5a3 rgb(164,165,163)
```
#a6ac9c
```
#a6ac9c rgb(166,172,156)
```
#a7b395
```
#a7b395 rgb(167,179,149)
```
#a9ba8e
```
#a9ba8e rgb(169,186,142)
```
#aac187
```
#aac187 rgb(170,193,135)
```
#acc880
```
#acc880 rgb(172,200,128)
```
#adcf79
```
#adcf79 rgb(173,207,121)
```
#afd672
```
#afd672 rgb(175,214,114)
```
#b1dd6b
```
#b1dd6b rgb(177,221,107)
```
#b2e464
```
#b2e464 rgb(178,228,100)
```
#b4eb5d
```
#b4eb5d rgb(180,235,93)
```
#b5f256
```
#b5f256 rgb(181,242,86)
```
#b7f94f
```
#b7f94f rgb(183,249,79)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcb75 Protanopia 1% of men
#f5c380 Deuteranopia 1% of men
#c2ccdb Tritanopia 0.001% of the population

Trichromacy

#cdcf74 Protanomaly 1% of men, 0.01% of women
#dbca7b Deuteranomaly 6% of men, 0.4% of women
#bbd0b5 Tritanomaly 0.01% of the population

#afd672 hex color

#afd672 Color Information

#afd672 Color Conversion

Color Schemes with #afd672

Alternatives to #afd672

#afd672 Preview

Shades and Tints of #afd672

Tones of #afd672

Color Blindness Simulator