#afd55f hex color

In a RGB color space, hex #afd55f is composed of 68.6% red, 83.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 55.4% yellow and 16.5% black. It has a hue angle of 79.3 degrees, a saturation of 58.4% and a lightness of 60.4%. #afd55f color hex could be obtained by blending #ffffbe with #5fab00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 84
- B 37
RGB color chart
- C 18
- M 0
- Y 55
- K 16
CMYK color chart

● #afd55f color description : Moderate green.

The hexadecimal color #afd55f has RGB values of R:175, G:213, B:95 and CMYK values of C:0.18, M:0, Y:0.55, K:0.16. Its decimal value is 11523423.

Hex triplet	afd55f	`#afd55f`
RGB Decimal	175, 213, 95	`rgb(175,213,95)`
RGB Percent	68.6, 83.5, 37.3	`rgb(68.6%,83.5%,37.3%)`
CMYK	18, 0, 55, 16
HSL	79.3°, 58.4, 60.4	`hsl(79.3,58.4%,60.4%)`
HSV (or HSB)	79.3°, 55.4, 83.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.476, -30.412, 53.342
XYZ	43.538, 57.528, 19.636
xyY	0.361, 0.477, 57.528
CIE-LCH	80.476, 61.402, 119.689
CIE-LUV	80.476, -18.245, 71.131
Hunter-Lab	75.847, -30.269, 37.743
Binary	10101111, 11010101, 01011111

#afd55f
```
#afd55f rgb(175,213,95)
```
#855fd5
```
#855fd5 rgb(133,95,213)
```

Complementary Color

#d5c05f
```
#d5c05f rgb(213,192,95)
```
#afd55f
```
#afd55f rgb(175,213,95)
```
#74d55f
```
#74d55f rgb(116,213,95)
```

Analogous Color

#c05fd5
```
#c05fd5 rgb(192,95,213)
```
#afd55f
```
#afd55f rgb(175,213,95)
```
#5f74d5
```
#5f74d5 rgb(95,116,213)
```

Split Complementary Color

#d55faf
```
#d55faf rgb(213,95,175)
```
#afd55f
```
#afd55f rgb(175,213,95)
```
#5fafd5
```
#5fafd5 rgb(95,175,213)
```

Triadic Color

#d5855f
```
#d5855f rgb(213,133,95)
```
#afd55f
```
#afd55f rgb(175,213,95)
```
#5fafd5
```
#5fafd5 rgb(95,175,213)
```
#855fd5
```
#855fd5 rgb(133,95,213)
```

Tetradic Color

#8cb730
```
#8cb730 rgb(140,183,48)
```
#9bca37
```
#9bca37 rgb(155,202,55)
```
#a5d04b
```
#a5d04b rgb(165,208,75)
```
#afd55f
```
#afd55f rgb(175,213,95)
```
#b9da73
```
#b9da73 rgb(185,218,115)
```
#c3e087
```
#c3e087 rgb(195,224,135)
```
#cde59c
```
#cde59c rgb(205,229,156)
```

Monochromatic Color

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

#cdd55f
```
#cdd55f rgb(205,213,95)
```
#c3d55f
```
#c3d55f rgb(195,213,95)
```
#b9d55f
```
#b9d55f rgb(185,213,95)
```
#afd55f
```
#afd55f rgb(175,213,95)
```
#a5d55f
```
#a5d55f rgb(165,213,95)
```
#9bd55f
```
#9bd55f rgb(155,213,95)
```
#92d55f
```
#92d55f rgb(146,213,95)
```

Similar Colors

Text with hexadecimal color #afd55f

This text has a font color of #afd55f.

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

#afd55f background color

This paragraph has a background color of #afd55f.

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

#afd55f border color

This element has a border color of #afd55f.

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

CSS codes

.text {color:#afd55f;}

.background {background-color:#afd55f;}

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

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, #080b03 is the darkest color, while #fdfefa is the lightest one.

#080b03
```
#080b03 rgb(8,11,3)
```
#141a07
```
#141a07 rgb(20,26,7)
```
#202a0b
```
#202a0b rgb(32,42,11)
```
#2c3a0f
```
#2c3a0f rgb(44,58,15)
```
#384913
```
#384913 rgb(56,73,19)
```
#445917
```
#445917 rgb(68,89,23)
```
#4f681b
```
#4f681b rgb(79,104,27)
```
#5b781f
```
#5b781f rgb(91,120,31)
```
#678723
```
#678723 rgb(103,135,35)
```
#739728
```
#739728 rgb(115,151,40)
```
#7fa62c
```
#7fa62c rgb(127,166,44)
```
#8bb630
```
#8bb630 rgb(139,182,48)
```
#96c534
```
#96c534 rgb(150,197,52)
```

Shade Color Variation

#9fcd40
```
#9fcd40 rgb(159,205,64)
```
#a7d14f
```
#a7d14f rgb(167,209,79)
```
#afd55f
```
#afd55f rgb(175,213,95)
```
#b7d96f
```
#b7d96f rgb(183,217,111)
```
#bfdd7e
```
#bfdd7e rgb(191,221,126)
```
#c6e18e
```
#c6e18e rgb(198,225,142)
```
#cee59d
```
#cee59d rgb(206,229,157)
```
#d6e9ad
```
#d6e9ad rgb(214,233,173)
```
#deedbc
```
#deedbc rgb(222,237,188)
```
#e5f2cc
```
#e5f2cc rgb(229,242,204)
```
#edf6db
```
#edf6db rgb(237,246,219)
```
#f5faeb
```
#f5faeb rgb(245,250,235)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#9c9f95
```
#9c9f95 rgb(156,159,149)
```
#9ea68e
```
#9ea68e rgb(158,166,142)
```
#a1ae86
```
#a1ae86 rgb(161,174,134)
```
#a4b67e
```
#a4b67e rgb(164,182,126)
```
#a7be76
```
#a7be76 rgb(167,190,118)
```
#a9c56f
```
#a9c56f rgb(169,197,111)
```
#accd67
```
#accd67 rgb(172,205,103)
```
#afd55f
```
#afd55f rgb(175,213,95)
```
#b2dd57
```
#b2dd57 rgb(178,221,87)
```
#b5e54f
```
#b5e54f rgb(181,229,79)
```
#b7ec48
```
#b7ec48 rgb(183,236,72)
```
#baf440
```
#baf440 rgb(186,244,64)
```
#bdfc38
```
#bdfc38 rgb(189,252,56)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b9c1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfca63 Protanopia 1% of men
#f6c16f Deuteranopia 1% of men
#c3cad9 Tritanopia 0.001% of the population

Trichromacy

#cdce61 Protanomaly 1% of men, 0.01% of women
#dcc869 Deuteranomaly 6% of men, 0.4% of women
#bcceac Tritanomaly 0.01% of the population

#afd55f hex color

#afd55f Color Information

#afd55f Color Conversion

Color Schemes with #afd55f

Alternatives to #afd55f

#afd55f Preview

Shades and Tints of #afd55f

Tones of #afd55f

Color Blindness Simulator