#afdd3a hex color

In a RGB color space, hex #afdd3a is composed of 68.6% red, 86.7% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 73.8% yellow and 13.3% black. It has a hue angle of 76.9 degrees, a saturation of 70.6% and a lightness of 54.7%. #afdd3a color hex could be obtained by blending #ffff74 with #5fbb00. Closest websafe color is: #99cc33.

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

● #afdd3a color description : Bright green.

The hexadecimal color #afdd3a has RGB values of R:175, G:221, B:58 and CMYK values of C:0.21, M:0, Y:0.74, K:0.13. Its decimal value is 11525434.

Hex triplet	afdd3a	`#afdd3a`
RGB Decimal	175, 221, 58	`rgb(175,221,58)`
RGB Percent	68.6, 86.7, 22.7	`rgb(68.6%,86.7%,22.7%)`
CMYK	21, 0, 74, 13
HSL	76.9°, 70.6, 54.7	`hsl(76.9,70.6%,54.7%)`
HSV (or HSB)	76.9°, 73.8, 86.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.449, -36.688, 70.089
XYZ	44.299, 61.132, 13.469
xyY	0.373, 0.514, 61.132
CIE-LCH	82.449, 79.111, 117.63
CIE-LUV	82.449, -22.446, 86.74
Hunter-Lab	78.187, -35.693, 44.517
Binary	10101111, 11011101, 00111010

#afdd3a
```
#afdd3a rgb(175,221,58)
```
#683add
```
#683add rgb(104,58,221)
```

Complementary Color

#ddba3a
```
#ddba3a rgb(221,186,58)
```
#afdd3a
```
#afdd3a rgb(175,221,58)
```
#5edd3a
```
#5edd3a rgb(94,221,58)
```

Analogous Color

#ba3add
```
#ba3add rgb(186,58,221)
```
#afdd3a
```
#afdd3a rgb(175,221,58)
```
#3a5ddd
```
#3a5ddd rgb(58,93,221)
```

Split Complementary Color

#dd3aaf
```
#dd3aaf rgb(221,58,175)
```
#afdd3a
```
#afdd3a rgb(175,221,58)
```
#3aafdd
```
#3aafdd rgb(58,175,221)
```

Triadic Color

#dd683a
```
#dd683a rgb(221,104,58)
```
#afdd3a
```
#afdd3a rgb(175,221,58)
```
#3aafdd
```
#3aafdd rgb(58,175,221)
```
#683add
```
#683add rgb(104,58,221)
```

Tetradic Color

#84ad1e
```
#84ad1e rgb(132,173,30)
```
#95c222
```
#95c222 rgb(149,194,34)
```
#a6d825
```
#a6d825 rgb(166,216,37)
```
#afdd3a
```
#afdd3a rgb(175,221,58)
```
#b8e150
```
#b8e150 rgb(184,225,80)
```
#c1e565
```
#c1e565 rgb(193,229,101)
```
#c9e87b
```
#c9e87b rgb(201,232,123)
```

Monochromatic Color

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

#d8dd3a
```
#d8dd3a rgb(216,221,58)
```
#cadd3a
```
#cadd3a rgb(202,221,58)
```
#bddd3a
```
#bddd3a rgb(189,221,58)
```
#afdd3a
```
#afdd3a rgb(175,221,58)
```
#a1dd3a
```
#a1dd3a rgb(161,221,58)
```
#94dd3a
```
#94dd3a rgb(148,221,58)
```
#86dd3a
```
#86dd3a rgb(134,221,58)
```

Similar Colors

Text with hexadecimal color #afdd3a

This text has a font color of #afdd3a.

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

#afdd3a background color

This paragraph has a background color of #afdd3a.

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

#afdd3a border color

This element has a border color of #afdd3a.

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

CSS codes

.text {color:#afdd3a;}

.background {background-color:#afdd3a;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#101404
```
#101404 rgb(16,20,4)
```
#1d2506
```
#1d2506 rgb(29,37,6)
```
#293609
```
#293609 rgb(41,54,9)
```
#36470c
```
#36470c rgb(54,71,12)
```
#43570f
```
#43570f rgb(67,87,15)
```
#506812
```
#506812 rgb(80,104,18)
```
#5d7915
```
#5d7915 rgb(93,121,21)
```
#698a18
```
#698a18 rgb(105,138,24)
```
#769a1b
```
#769a1b rgb(118,154,27)
```
#83ab1e
```
#83ab1e rgb(131,171,30)
```
#90bc20
```
#90bc20 rgb(144,188,32)
```
#9dcc23
```
#9dcc23 rgb(157,204,35)
```

Shade Color Variation

#a8da29
```
#a8da29 rgb(168,218,41)
```
#afdd3a
```
#afdd3a rgb(175,221,58)
```
#b6e04b
```
#b6e04b rgb(182,224,75)
```
#bde35b
```
#bde35b rgb(189,227,91)
```
#c3e66c
```
#c3e66c rgb(195,230,108)
```
#cae97d
```
#cae97d rgb(202,233,125)
```
#d1eb8e
```
#d1eb8e rgb(209,235,142)
```
#d8ee9e
```
#d8ee9e rgb(216,238,158)
```
#dff1af
```
#dff1af rgb(223,241,175)
```
#e5f4c0
```
#e5f4c0 rgb(229,244,192)
```
#ecf7d1
```
#ecf7d1 rgb(236,247,209)
```
#f3fae1
```
#f3fae1 rgb(243,250,225)
```
#fafdf2
```
#fafdf2 rgb(250,253,242)
```

Tint Color Variation

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

#8c8d8a
```
#8c8d8a rgb(140,141,138)
```
#909681
```
#909681 rgb(144,150,129)
```
#949f78
```
#949f78 rgb(148,159,120)
```
#98a86f
```
#98a86f rgb(152,168,111)
```
#9cb166
```
#9cb166 rgb(156,177,102)
```
#a0b95e
```
#a0b95e rgb(160,185,94)
```
#a3c255
```
#a3c255 rgb(163,194,85)
```
#a7cb4c
```
#a7cb4c rgb(167,203,76)
```
#abd443
```
#abd443 rgb(171,212,67)
```
#afdd3a
```
#afdd3a rgb(175,221,58)
```
#b3e631
```
#b3e631 rgb(179,230,49)
```
#b7ef28
```
#b7ef28 rgb(183,239,40)
```
#bbf81f
```
#bbf81f rgb(187,248,31)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bac3a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d040 Protanopia 1% of men
#ffc65c Deuteranopia 1% of men
#c6d0df Tritanopia 0.001% of the population

Trichromacy

#d3d43e Protanomaly 1% of men, 0.01% of women
#e1ce4f Deuteranomaly 6% of men, 0.4% of women
#bed5a3 Tritanomaly 0.01% of the population

#afdd3a hex color

#afdd3a Color Information

#afdd3a Color Conversion

Color Schemes with #afdd3a

Alternatives to #afdd3a

#afdd3a Preview

Shades and Tints of #afdd3a

Tones of #afdd3a

Color Blindness Simulator