#afdd74 hex color

In a RGB color space, hex #afdd74 is composed of 68.6% red, 86.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 47.5% yellow and 13.3% black. It has a hue angle of 86.3 degrees, a saturation of 60.7% and a lightness of 66.1%. #afdd74 color hex could be obtained by blending #ffffe8 with #5fbb00. Closest websafe color is: #99cc66.

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

● #afdd74 color description : Soft green.

The hexadecimal color #afdd74 has RGB values of R:175, G:221, B:116 and CMYK values of C:0.21, M:0, Y:0.48, K:0.13. Its decimal value is 11525492.

Hex triplet	afdd74	`#afdd74`
RGB Decimal	175, 221, 116	`rgb(175,221,116)`
RGB Percent	68.6, 86.7, 45.5	`rgb(68.6%,86.7%,45.5%)`
CMYK	21, 0, 48, 13
HSL	86.3°, 60.7, 66.1	`hsl(86.3,60.7%,66.1%)`
HSV (or HSB)	86.3°, 47.5, 86.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	82.96, -32.042, 46.467
XYZ	46.687, 62.087, 26.046
xyY	0.346, 0.461, 62.087
CIE-LCH	82.96, 56.443, 124.589
CIE-LUV	82.96, -22.667, 65.516
Hunter-Lab	78.795, -32.129, 35.558
Binary	10101111, 11011101, 01110100

#afdd74
```
#afdd74 rgb(175,221,116)
```
#a274dd
```
#a274dd rgb(162,116,221)
```

Complementary Color

#ddd774
```
#ddd774 rgb(221,215,116)
```
#afdd74
```
#afdd74 rgb(175,221,116)
```
#7bdd74
```
#7bdd74 rgb(123,221,116)
```

Analogous Color

#d774dd
```
#d774dd rgb(215,116,221)
```
#afdd74
```
#afdd74 rgb(175,221,116)
```
#747bdd
```
#747bdd rgb(116,123,221)
```

Split Complementary Color

#dd74af
```
#dd74af rgb(221,116,175)
```
#afdd74
```
#afdd74 rgb(175,221,116)
```
#74afdd
```
#74afdd rgb(116,175,221)
```

Triadic Color

#dda274
```
#dda274 rgb(221,162,116)
```
#afdd74
```
#afdd74 rgb(175,221,116)
```
#74afdd
```
#74afdd rgb(116,175,221)
```
#a274dd
```
#a274dd rgb(162,116,221)
```

Tetradic Color

#8cce37
```
#8cce37 rgb(140,206,55)
```
#97d34b
```
#97d34b rgb(151,211,75)
```
#a3d860
```
#a3d860 rgb(163,216,96)
```
#afdd74
```
#afdd74 rgb(175,221,116)
```
#bbe288
```
#bbe288 rgb(187,226,136)
```
#c7e79d
```
#c7e79d rgb(199,231,157)
```
#d2ecb1
```
#d2ecb1 rgb(210,236,177)
```

Monochromatic Color

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

#c9dd74
```
#c9dd74 rgb(201,221,116)
```
#c1dd74
```
#c1dd74 rgb(193,221,116)
```
#b8dd74
```
#b8dd74 rgb(184,221,116)
```
#afdd74
```
#afdd74 rgb(175,221,116)
```
#a6dd74
```
#a6dd74 rgb(166,221,116)
```
#9edd74
```
#9edd74 rgb(158,221,116)
```
#95dd74
```
#95dd74 rgb(149,221,116)
```

Similar Colors

Text with hexadecimal color #afdd74

This text has a font color of #afdd74.

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

#afdd74 background color

This paragraph has a background color of #afdd74.

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

#afdd74 border color

This element has a border color of #afdd74.

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

CSS codes

.text {color:#afdd74;}

.background {background-color:#afdd74;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0c1305
```
#0c1305 rgb(12,19,5)
```
#172208
```
#172208 rgb(23,34,8)
```
#22320c
```
#22320c rgb(34,50,12)
```
#2c4210
```
#2c4210 rgb(44,66,16)
```
#375214
```
#375214 rgb(55,82,20)
```
#416118
```
#416118 rgb(65,97,24)
```
#4c711c
```
#4c711c rgb(76,113,28)
```
#568120
```
#568120 rgb(86,129,32)
```
#619123
```
#619123 rgb(97,145,35)
```
#6ba027
```
#6ba027 rgb(107,160,39)
```
#76b02b
```
#76b02b rgb(118,176,43)
```
#80c02f
```
#80c02f rgb(128,192,47)
```

Shade Color Variation

#8bce35
```
#8bce35 rgb(139,206,53)
```
#94d145
```
#94d145 rgb(148,209,69)
```
#9dd554
```
#9dd554 rgb(157,213,84)
```
#a6d964
```
#a6d964 rgb(166,217,100)
```
#afdd74
```
#afdd74 rgb(175,221,116)
```
#b8e184
```
#b8e184 rgb(184,225,132)
```
#c1e594
```
#c1e594 rgb(193,229,148)
```
#cae9a3
```
#cae9a3 rgb(202,233,163)
```
#d3ecb3
```
#d3ecb3 rgb(211,236,179)
```
#dcf0c3
```
#dcf0c3 rgb(220,240,195)
```
#e5f4d3
```
#e5f4d3 rgb(229,244,211)
```
#eef8e2
```
#eef8e2 rgb(238,248,226)
```
#f8fcf2
```
#f8fcf2 rgb(248,252,242)
```

Tint Color Variation

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

#a9aea3
```
#a9aea3 rgb(169,174,163)
```
#aab59c
```
#aab59c rgb(170,181,156)
```
#abbc95
```
#abbc95 rgb(171,188,149)
```
#acc28f
```
#acc28f rgb(172,194,143)
```
#adc988
```
#adc988 rgb(173,201,136)
```
#add081
```
#add081 rgb(173,208,129)
```
#aed67b
```
#aed67b rgb(174,214,123)
```
#afdd74
```
#afdd74 rgb(175,221,116)
```
#b0e46d
```
#b0e46d rgb(176,228,109)
```
#b1ea67
```
#b1ea67 rgb(177,234,103)
```
#b1f160
```
#b1f160 rgb(177,241,96)
```
#b2f859
```
#b2f859 rgb(178,248,89)
```
#b3fe53
```
#b3fe53 rgb(179,254,83)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#bfc8b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d176 Protanopia 1% of men
#fbc882 Deuteranopia 1% of men
#c3d3e2 Tritanopia 0.001% of the population

Trichromacy

#d1d575 Protanomaly 1% of men, 0.01% of women
#dfcf7d Deuteranomaly 6% of men, 0.4% of women
#bcd6ba Tritanomaly 0.01% of the population

#afdd74 hex color

#afdd74 Color Information

#afdd74 Color Conversion

Color Schemes with #afdd74

Alternatives to #afdd74

#afdd74 Preview

Shades and Tints of #afdd74

Tones of #afdd74

Color Blindness Simulator