#afdf74 hex color

In a RGB color space, hex #afdf74 is composed of 68.6% red, 87.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 0% magenta, 48% yellow and 12.5% black. It has a hue angle of 86.9 degrees, a saturation of 62.6% and a lightness of 66.5%. #afdf74 color hex could be obtained by blending #ffffe8 with #5fbf00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 87
- B 45
RGB color chart
- C 22
- M 0
- Y 48
- K 13
CMYK color chart

● #afdf74 color description : Soft green.

The hexadecimal color #afdf74 has RGB values of R:175, G:223, B:116 and CMYK values of C:0.22, M:0, Y:0.48, K:0.13. Its decimal value is 11526004.

Hex triplet	afdf74	`#afdf74`
RGB Decimal	175, 223, 116	`rgb(175,223,116)`
RGB Percent	68.6, 87.5, 45.5	`rgb(68.6%,87.5%,45.5%)`
CMYK	22, 0, 48, 13
HSL	86.9°, 62.6, 66.5	`hsl(86.9,62.6%,66.5%)`
HSV (or HSB)	86.9°, 48, 87.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.521, -32.971, 47.154
XYZ	47.218, 63.149, 26.223
xyY	0.346, 0.462, 63.149
CIE-LCH	83.521, 57.537, 124.962
CIE-LUV	83.521, -23.711, 66.534
Hunter-Lab	79.467, -33.004, 36.061
Binary	10101111, 11011111, 01110100

#afdf74
```
#afdf74 rgb(175,223,116)
```
#a474df
```
#a474df rgb(164,116,223)
```

Complementary Color

#dfda74
```
#dfda74 rgb(223,218,116)
```
#afdf74
```
#afdf74 rgb(175,223,116)
```
#7adf74
```
#7adf74 rgb(122,223,116)
```

Analogous Color

#da74df
```
#da74df rgb(218,116,223)
```
#afdf74
```
#afdf74 rgb(175,223,116)
```
#747adf
```
#747adf rgb(116,122,223)
```

Split Complementary Color

#df74af
```
#df74af rgb(223,116,175)
```
#afdf74
```
#afdf74 rgb(175,223,116)
```
#74afdf
```
#74afdf rgb(116,175,223)
```

Triadic Color

#dfa474
```
#dfa474 rgb(223,164,116)
```
#afdf74
```
#afdf74 rgb(175,223,116)
```
#74afdf
```
#74afdf rgb(116,175,223)
```
#a474df
```
#a474df rgb(164,116,223)
```

Tetradic Color

#8bd136
```
#8bd136 rgb(139,209,54)
```
#97d54b
```
#97d54b rgb(151,213,75)
```
#a3da5f
```
#a3da5f rgb(163,218,95)
```
#afdf74
```
#afdf74 rgb(175,223,116)
```
#bbe489
```
#bbe489 rgb(187,228,137)
```
#c7e99d
```
#c7e99d rgb(199,233,157)
```
#d3edb2
```
#d3edb2 rgb(211,237,178)
```

Monochromatic Color

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

#cadf74
```
#cadf74 rgb(202,223,116)
```
#c1df74
```
#c1df74 rgb(193,223,116)
```
#b8df74
```
#b8df74 rgb(184,223,116)
```
#afdf74
```
#afdf74 rgb(175,223,116)
```
#a6df74
```
#a6df74 rgb(166,223,116)
```
#9ddf74
```
#9ddf74 rgb(157,223,116)
```
#94df74
```
#94df74 rgb(148,223,116)
```

Similar Colors

Text with hexadecimal color #afdf74

This text has a font color of #afdf74.

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

#afdf74 background color

This paragraph has a background color of #afdf74.

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

#afdf74 border color

This element has a border color of #afdf74.

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

CSS codes

.text {color:#afdf74;}

.background {background-color:#afdf74;}

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0d1405
```
#0d1405 rgb(13,20,5)
```
#182408
```
#182408 rgb(24,36,8)
```
#22340c
```
#22340c rgb(34,52,12)
```
#2d4410
```
#2d4410 rgb(45,68,16)
```
#375413
```
#375413 rgb(55,84,19)
```
#426417
```
#426417 rgb(66,100,23)
```
#4c741b
```
#4c741b rgb(76,116,27)
```
#56841e
```
#56841e rgb(86,132,30)
```
#619422
```
#619422 rgb(97,148,34)
```
#6ba426
```
#6ba426 rgb(107,164,38)
```
#76b429
```
#76b429 rgb(118,180,41)
```
#80c42d
```
#80c42d rgb(128,196,45)
```

Shade Color Variation

#8ad034
```
#8ad034 rgb(138,208,52)
```
#93d444
```
#93d444 rgb(147,212,68)
```
#9dd854
```
#9dd854 rgb(157,216,84)
```
#a6db64
```
#a6db64 rgb(166,219,100)
```
#afdf74
```
#afdf74 rgb(175,223,116)
```
#b8e384
```
#b8e384 rgb(184,227,132)
```
#c1e694
```
#c1e694 rgb(193,230,148)
```
#cbeaa4
```
#cbeaa4 rgb(203,234,164)
```
#d4eeb4
```
#d4eeb4 rgb(212,238,180)
```
#ddf1c4
```
#ddf1c4 rgb(221,241,196)
```
#e6f5d4
```
#e6f5d4 rgb(230,245,212)
```
#eff9e4
```
#eff9e4 rgb(239,249,228)
```
#f8fcf4
```
#f8fcf4 rgb(248,252,244)
```

Tint Color Variation

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

#aaaaa9
```
#aaaaa9 rgb(170,170,169)
```
#aab1a2
```
#aab1a2 rgb(170,177,162)
```
#abb89b
```
#abb89b rgb(171,184,155)
```
#acbe95
```
#acbe95 rgb(172,190,149)
```
#acc58e
```
#acc58e rgb(172,197,142)
```
#adcb88
```
#adcb88 rgb(173,203,136)
```
#aed281
```
#aed281 rgb(174,210,129)
```
#aed87b
```
#aed87b rgb(174,216,123)
```
#afdf74
```
#afdf74 rgb(175,223,116)
```
#b0e66d
```
#b0e66d rgb(176,230,109)
```
#b0ec67
```
#b0ec67 rgb(176,236,103)
```
#b1f360
```
#b1f360 rgb(177,243,96)
```
#b2f95a
```
#b2f95a rgb(178,249,90)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c9b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d276 Protanopia 1% of men
#fdc983 Deuteranopia 1% of men
#c4d4e4 Tritanopia 0.001% of the population

Trichromacy

#d2d775 Protanomaly 1% of men, 0.01% of women
#e0d17d Deuteranomaly 6% of men, 0.4% of women
#bcd8bb Tritanomaly 0.01% of the population

#afdf74 hex color

#afdf74 Color Information

#afdf74 Color Conversion

Color Schemes with #afdf74

Alternatives to #afdf74

#afdf74 Preview

Shades and Tints of #afdf74

Tones of #afdf74

Color Blindness Simulator