#afdd2f hex color

In a RGB color space, hex #afdd2f is composed of 68.6% red, 86.7% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 78.7% yellow and 13.3% black. It has a hue angle of 75.9 degrees, a saturation of 71.9% and a lightness of 52.5%. #afdd2f color hex could be obtained by blending #ffff5e with #5fbb00. Closest websafe color is: #99cc33.

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

● #afdd2f color description : Bright green.

The hexadecimal color #afdd2f has RGB values of R:175, G:221, B:47 and CMYK values of C:0.21, M:0, Y:0.79, K:0.13. Its decimal value is 11525423.

Hex triplet	afdd2f	`#afdd2f`
RGB Decimal	175, 221, 47	`rgb(175,221,47)`
RGB Percent	68.6, 86.7, 18.4	`rgb(68.6%,86.7%,18.4%)`
CMYK	21, 0, 79, 13
HSL	75.9°, 71.9, 52.5	`hsl(75.9,71.9%,52.5%)`
HSV (or HSB)	75.9°, 78.7, 86.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.396, -37.189, 73.364
XYZ	44.048, 61.031, 12.149
xyY	0.376, 0.521, 61.031
CIE-LCH	82.396, 82.251, 116.881
CIE-LUV	82.396, -22.423, 89.088
Hunter-Lab	78.123, -36.07, 45.466
Binary	10101111, 11011101, 00101111

#afdd2f
```
#afdd2f rgb(175,221,47)
```
#5d2fdd
```
#5d2fdd rgb(93,47,221)
```

Complementary Color

#ddb42f
```
#ddb42f rgb(221,180,47)
```
#afdd2f
```
#afdd2f rgb(175,221,47)
```
#58dd2f
```
#58dd2f rgb(88,221,47)
```

Analogous Color

#b42fdd
```
#b42fdd rgb(180,47,221)
```
#afdd2f
```
#afdd2f rgb(175,221,47)
```
#2f58dd
```
#2f58dd rgb(47,88,221)
```

Split Complementary Color

#dd2faf
```
#dd2faf rgb(221,47,175)
```
#afdd2f
```
#afdd2f rgb(175,221,47)
```
#2fafdd
```
#2fafdd rgb(47,175,221)
```

Triadic Color

#dd5d2f
```
#dd5d2f rgb(221,93,47)
```
#afdd2f
```
#afdd2f rgb(175,221,47)
```
#2fafdd
```
#2fafdd rgb(47,175,221)
```
#5d2fdd
```
#5d2fdd rgb(93,47,221)
```

Tetradic Color

#80a51b
```
#80a51b rgb(128,165,27)
```
#91bb1e
```
#91bb1e rgb(145,187,30)
```
#a2d022
```
#a2d022 rgb(162,208,34)
```
#afdd2f
```
#afdd2f rgb(175,221,47)
```
#b7e145
```
#b7e145 rgb(183,225,69)
```
#c0e45b
```
#c0e45b rgb(192,228,91)
```
#c8e871
```
#c8e871 rgb(200,232,113)
```

Monochromatic Color

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

#dbdd2f
```
#dbdd2f rgb(219,221,47)
```
#ccdd2f
```
#ccdd2f rgb(204,221,47)
```
#bedd2f
```
#bedd2f rgb(190,221,47)
```
#afdd2f
```
#afdd2f rgb(175,221,47)
```
#a1dd2f
```
#a1dd2f rgb(161,221,47)
```
#92dd2f
```
#92dd2f rgb(146,221,47)
```
#84dd2f
```
#84dd2f rgb(132,221,47)
```

Similar Colors

Text with hexadecimal color #afdd2f

This text has a font color of #afdd2f.

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

#afdd2f background color

This paragraph has a background color of #afdd2f.

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

#afdd2f border color

This element has a border color of #afdd2f.

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

CSS codes

.text {color:#afdd2f;}

.background {background-color:#afdd2f;}

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

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, #090b02 is the darkest color, while #fdfef9 is the lightest one.

#090b02
```
#090b02 rgb(9,11,2)
```
#161c05
```
#161c05 rgb(22,28,5)
```
#232d07
```
#232d07 rgb(35,45,7)
```
#303e0a
```
#303e0a rgb(48,62,10)
```
#3d4f0d
```
#3d4f0d rgb(61,79,13)
```
#4a5f10
```
#4a5f10 rgb(74,95,16)
```
#577012
```
#577012 rgb(87,112,18)
```
#658115
```
#658115 rgb(101,129,21)
```
#729218
```
#729218 rgb(114,146,24)
```
#7fa31b
```
#7fa31b rgb(127,163,27)
```
#8cb41d
```
#8cb41d rgb(140,180,29)
```
#99c520
```
#99c520 rgb(153,197,32)
```
#a6d523
```
#a6d523 rgb(166,213,35)
```

Shade Color Variation

#afdd2f
```
#afdd2f rgb(175,221,47)
```
#b5e040
```
#b5e040 rgb(181,224,64)
```
#bce351
```
#bce351 rgb(188,227,81)
```
#c2e562
```
#c2e562 rgb(194,229,98)
```
#c9e872
```
#c9e872 rgb(201,232,114)
```
#cfeb83
```
#cfeb83 rgb(207,235,131)
```
#d6ee94
```
#d6ee94 rgb(214,238,148)
```
#dcf0a5
```
#dcf0a5 rgb(220,240,165)
```
#e3f3b6
```
#e3f3b6 rgb(227,243,182)
```
#e9f6c7
```
#e9f6c7 rgb(233,246,199)
```
#f0f9d8
```
#f0f9d8 rgb(240,249,216)
```
#f6fbe8
```
#f6fbe8 rgb(246,251,232)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#888983
```
#888983 rgb(136,137,131)
```
#8c9379
```
#8c9379 rgb(140,147,121)
```
#909c70
```
#909c70 rgb(144,156,112)
```
#95a567
```
#95a567 rgb(149,165,103)
```
#99ae5e
```
#99ae5e rgb(153,174,94)
```
#9db854
```
#9db854 rgb(157,184,84)
```
#a2c14b
```
#a2c14b rgb(162,193,75)
```
#a6ca42
```
#a6ca42 rgb(166,202,66)
```
#abd438
```
#abd438 rgb(171,212,56)
```
#afdd2f
```
#afdd2f rgb(175,221,47)
```
#b3e626
```
#b3e626 rgb(179,230,38)
```
#b8f01c
```
#b8f01c rgb(184,240,28)
```
#bcf913
```
#bcf913 rgb(188,249,19)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9c29f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d035 Protanopia 1% of men
#ffc659 Deuteranopia 1% of men
#c7d0df Tritanopia 0.001% of the population

Trichromacy

#d3d433 Protanomaly 1% of men, 0.01% of women
#e1ce49 Deuteranomaly 6% of men, 0.4% of women
#bed49f Tritanomaly 0.01% of the population

#afdd2f hex color

#afdd2f Color Information

#afdd2f Color Conversion

Color Schemes with #afdd2f

Alternatives to #afdd2f

#afdd2f Preview

Shades and Tints of #afdd2f

Tones of #afdd2f

Color Blindness Simulator