#afdd3d hex color

In a RGB color space, hex #afdd3d is composed of 68.6% red, 86.7% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 72.4% yellow and 13.3% black. It has a hue angle of 77.3 degrees, a saturation of 70.2% and a lightness of 55.3%. #afdd3d color hex could be obtained by blending #ffff7a with #5fbb00. Closest websafe color is: #99cc33.

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

● #afdd3d color description : Bright green.

The hexadecimal color #afdd3d has RGB values of R:175, G:221, B:61 and CMYK values of C:0.21, M:0, Y:0.72, K:0.13. Its decimal value is 11525437.

Hex triplet	afdd3d	`#afdd3d`
RGB Decimal	175, 221, 61	`rgb(175,221,61)`
RGB Percent	68.6, 86.7, 23.9	`rgb(68.6%,86.7%,23.9%)`
CMYK	21, 0, 72, 13
HSL	77.3°, 70.2, 55.3	`hsl(77.3,70.2%,55.3%)`
HSV (or HSB)	77.3°, 72.4, 86.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.466, -36.532, 69.108
XYZ	44.377, 61.163, 13.882
xyY	0.372, 0.512, 61.163
CIE-LCH	82.466, 78.17, 117.862
CIE-LUV	82.466, -22.454, 86.009
Hunter-Lab	78.207, -35.575, 44.22
Binary	10101111, 11011101, 00111101

#afdd3d
```
#afdd3d rgb(175,221,61)
```
#6b3ddd
```
#6b3ddd rgb(107,61,221)
```

Complementary Color

#ddbb3d
```
#ddbb3d rgb(221,187,61)
```
#afdd3d
```
#afdd3d rgb(175,221,61)
```
#5fdd3d
```
#5fdd3d rgb(95,221,61)
```

Analogous Color

#bb3ddd
```
#bb3ddd rgb(187,61,221)
```
#afdd3d
```
#afdd3d rgb(175,221,61)
```
#3d5fdd
```
#3d5fdd rgb(61,95,221)
```

Split Complementary Color

#dd3daf
```
#dd3daf rgb(221,61,175)
```
#afdd3d
```
#afdd3d rgb(175,221,61)
```
#3dafdd
```
#3dafdd rgb(61,175,221)
```

Triadic Color

#dd6b3d
```
#dd6b3d rgb(221,107,61)
```
#afdd3d
```
#afdd3d rgb(175,221,61)
```
#3dafdd
```
#3dafdd rgb(61,175,221)
```
#6b3ddd
```
#6b3ddd rgb(107,61,221)
```

Tetradic Color

#85af1f
```
#85af1f rgb(133,175,31)
```
#96c522
```
#96c522 rgb(150,197,34)
```
#a6d927
```
#a6d927 rgb(166,217,39)
```
#afdd3d
```
#afdd3d rgb(175,221,61)
```
#b8e153
```
#b8e153 rgb(184,225,83)
```
#c1e568
```
#c1e568 rgb(193,229,104)
```
#cae87e
```
#cae87e rgb(202,232,126)
```

Monochromatic Color

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

#d7dd3d
```
#d7dd3d rgb(215,221,61)
```
#cadd3d
```
#cadd3d rgb(202,221,61)
```
#bcdd3d
```
#bcdd3d rgb(188,221,61)
```
#afdd3d
```
#afdd3d rgb(175,221,61)
```
#a2dd3d
```
#a2dd3d rgb(162,221,61)
```
#94dd3d
```
#94dd3d rgb(148,221,61)
```
#87dd3d
```
#87dd3d rgb(135,221,61)
```

Similar Colors

Text with hexadecimal color #afdd3d

This text has a font color of #afdd3d.

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

#afdd3d background color

This paragraph has a background color of #afdd3d.

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

#afdd3d border color

This element has a border color of #afdd3d.

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

CSS codes

.text {color:#afdd3d;}

.background {background-color:#afdd3d;}

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

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

#050601
```
#050601 rgb(5,6,1)
```
#121704
```
#121704 rgb(18,23,4)
```
#1e2807
```
#1e2807 rgb(30,40,7)
```
#2b380a
```
#2b380a rgb(43,56,10)
```
#38490d
```
#38490d rgb(56,73,13)
```
#445a10
```
#445a10 rgb(68,90,16)
```
#516a13
```
#516a13 rgb(81,106,19)
```
#5e7b16
```
#5e7b16 rgb(94,123,22)
```
#6b8c19
```
#6b8c19 rgb(107,140,25)
```
#779c1b
```
#779c1b rgb(119,156,27)
```
#84ad1e
```
#84ad1e rgb(132,173,30)
```
#91be21
```
#91be21 rgb(145,190,33)
```
#9ecf24
```
#9ecf24 rgb(158,207,36)
```

Shade Color Variation

#a8da2c
```
#a8da2c rgb(168,218,44)
```
#afdd3d
```
#afdd3d rgb(175,221,61)
```
#b6e04e
```
#b6e04e rgb(182,224,78)
```
#bde35e
```
#bde35e rgb(189,227,94)
```
#c4e66f
```
#c4e66f rgb(196,230,111)
```
#cbe980
```
#cbe980 rgb(203,233,128)
```
#d1ec90
```
#d1ec90 rgb(209,236,144)
```
#d8efa1
```
#d8efa1 rgb(216,239,161)
```
#dff1b2
```
#dff1b2 rgb(223,241,178)
```
#e6f4c3
```
#e6f4c3 rgb(230,244,195)
```
#edf7d3
```
#edf7d3 rgb(237,247,211)
```
#f4fae4
```
#f4fae4 rgb(244,250,228)
```
#fbfdf5
```
#fbfdf5 rgb(251,253,245)
```

Tint Color Variation

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

#8d8e8c
```
#8d8e8c rgb(141,142,140)
```
#919783
```
#919783 rgb(145,151,131)
```
#95a07a
```
#95a07a rgb(149,160,122)
```
#99a872
```
#99a872 rgb(153,168,114)
```
#9cb169
```
#9cb169 rgb(156,177,105)
```
#a0ba60
```
#a0ba60 rgb(160,186,96)
```
#a4c357
```
#a4c357 rgb(164,195,87)
```
#a8cb4f
```
#a8cb4f rgb(168,203,79)
```
#abd446
```
#abd446 rgb(171,212,70)
```
#afdd3d
```
#afdd3d rgb(175,221,61)
```
#b3e634
```
#b3e634 rgb(179,230,52)
```
#b6ef2b
```
#b6ef2b rgb(182,239,43)
```
#baf723
```
#baf723 rgb(186,247,35)
```

Tone Color Variation

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

#e7d043 Protanopia 1% of men
#ffc65d Deuteranopia 1% of men
#c6d0df Tritanopia 0.001% of the population

Trichromacy

#d3d440 Protanomaly 1% of men, 0.01% of women
#e1ce51 Deuteranomaly 6% of men, 0.4% of women
#bed5a4 Tritanomaly 0.01% of the population

#afdd3d hex color

#afdd3d Color Information

#afdd3d Color Conversion

Color Schemes with #afdd3d

Alternatives to #afdd3d

#afdd3d Preview

Shades and Tints of #afdd3d

Tones of #afdd3d

Color Blindness Simulator