#afd45f hex color

In a RGB color space, hex #afd45f is composed of 68.6% red, 83.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 55.2% yellow and 16.9% black. It has a hue angle of 79 degrees, a saturation of 57.6% and a lightness of 60.2%. #afd45f color hex could be obtained by blending #ffffbe with #5fa900. Closest websafe color is: #99cc66.

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

● #afd45f color description : Moderate green.

The hexadecimal color #afd45f has RGB values of R:175, G:212, B:95 and CMYK values of C:0.17, M:0, Y:0.55, K:0.17. Its decimal value is 11523167.

Hex triplet	afd45f	`#afd45f`
RGB Decimal	175, 212, 95	`rgb(175,212,95)`
RGB Percent	68.6, 83.1, 37.3	`rgb(68.6%,83.1%,37.3%)`
CMYK	17, 0, 55, 17
HSL	79°, 57.6, 60.2	`hsl(79,57.6%,60.2%)`
HSV (or HSB)	79°, 55.2, 83.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.195, -29.941, 53.018
XYZ	43.287, 57.027, 19.553
xyY	0.361, 0.476, 57.027
CIE-LCH	80.195, 60.888, 119.455
CIE-LUV	80.195, -17.697, 70.653
Hunter-Lab	75.516, -29.833, 37.51
Binary	10101111, 11010100, 01011111

#afd45f
```
#afd45f rgb(175,212,95)
```
#845fd4
```
#845fd4 rgb(132,95,212)
```

Complementary Color

#d4bf5f
```
#d4bf5f rgb(212,191,95)
```
#afd45f
```
#afd45f rgb(175,212,95)
```
#75d45f
```
#75d45f rgb(117,212,95)
```

Analogous Color

#bf5fd4
```
#bf5fd4 rgb(191,95,212)
```
#afd45f
```
#afd45f rgb(175,212,95)
```
#5f75d4
```
#5f75d4 rgb(95,117,212)
```

Split Complementary Color

#d45faf
```
#d45faf rgb(212,95,175)
```
#afd45f
```
#afd45f rgb(175,212,95)
```
#5fafd4
```
#5fafd4 rgb(95,175,212)
```

Triadic Color

#d4845f
```
#d4845f rgb(212,132,95)
```
#afd45f
```
#afd45f rgb(175,212,95)
```
#5fafd4
```
#5fafd4 rgb(95,175,212)
```
#845fd4
```
#845fd4 rgb(132,95,212)
```

Tetradic Color

#8cb631
```
#8cb631 rgb(140,182,49)
```
#9bc937
```
#9bc937 rgb(155,201,55)
```
#a5cf4b
```
#a5cf4b rgb(165,207,75)
```
#afd45f
```
#afd45f rgb(175,212,95)
```
#b9d973
```
#b9d973 rgb(185,217,115)
```
#c3df87
```
#c3df87 rgb(195,223,135)
```
#cde49b
```
#cde49b rgb(205,228,155)
```

Monochromatic Color

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

#ccd45f
```
#ccd45f rgb(204,212,95)
```
#c3d45f
```
#c3d45f rgb(195,212,95)
```
#b9d45f
```
#b9d45f rgb(185,212,95)
```
#afd45f
```
#afd45f rgb(175,212,95)
```
#a5d45f
```
#a5d45f rgb(165,212,95)
```
#9cd45f
```
#9cd45f rgb(156,212,95)
```
#92d45f
```
#92d45f rgb(146,212,95)
```

Similar Colors

Text with hexadecimal color #afd45f

This text has a font color of #afd45f.

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

#afd45f background color

This paragraph has a background color of #afd45f.

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

#afd45f border color

This element has a border color of #afd45f.

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

CSS codes

.text {color:#afd45f;}

.background {background-color:#afd45f;}

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

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

#080a03
```
#080a03 rgb(8,10,3)
```
#141a07
```
#141a07 rgb(20,26,7)
```
#20290b
```
#20290b rgb(32,41,11)
```
#2b380f
```
#2b380f rgb(43,56,15)
```
#374813
```
#374813 rgb(55,72,19)
```
#435717
```
#435717 rgb(67,87,23)
```
#4f671c
```
#4f671c rgb(79,103,28)
```
#5b7620
```
#5b7620 rgb(91,118,32)
```
#678624
```
#678624 rgb(103,134,36)
```
#739528
```
#739528 rgb(115,149,40)
```
#7fa52c
```
#7fa52c rgb(127,165,44)
```
#8ab430
```
#8ab430 rgb(138,180,48)
```
#96c435
```
#96c435 rgb(150,196,53)
```

Shade Color Variation

#a0cc40
```
#a0cc40 rgb(160,204,64)
```
#a7d050
```
#a7d050 rgb(167,208,80)
```
#afd45f
```
#afd45f rgb(175,212,95)
```
#b7d86e
```
#b7d86e rgb(183,216,110)
```
#bedc7e
```
#bedc7e rgb(190,220,126)
```
#c6e08d
```
#c6e08d rgb(198,224,141)
```
#cee59d
```
#cee59d rgb(206,229,157)
```
#d6e9ac
```
#d6e9ac rgb(214,233,172)
```
#ddedbc
```
#ddedbc rgb(221,237,188)
```
#e5f1cb
```
#e5f1cb rgb(229,241,203)
```
#edf5db
```
#edf5db rgb(237,245,219)
```
#f5f9ea
```
#f5f9ea rgb(245,249,234)
```
#fcfefa
```
#fcfefa rgb(252,254,250)
```

Tint Color Variation

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

#9b9d96
```
#9b9d96 rgb(155,157,150)
```
#9ea58e
```
#9ea58e rgb(158,165,142)
```
#a1ad86
```
#a1ad86 rgb(161,173,134)
```
#a4b57e
```
#a4b57e rgb(164,181,126)
```
#a6bd76
```
#a6bd76 rgb(166,189,118)
```
#a9c46f
```
#a9c46f rgb(169,196,111)
```
#accc67
```
#accc67 rgb(172,204,103)
```
#afd45f
```
#afd45f rgb(175,212,95)
```
#b2dc57
```
#b2dc57 rgb(178,220,87)
```
#b5e44f
```
#b5e44f rgb(181,228,79)
```
#b8eb48
```
#b8eb48 rgb(184,235,72)
```
#baf340
```
#baf340 rgb(186,243,64)
```
#bdfb38
```
#bdfb38 rgb(189,251,56)
```

Tone Color Variation

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

#deca63 Protanopia 1% of men
#f5c06e Deuteranopia 1% of men
#c3cad8 Tritanopia 0.001% of the population

Trichromacy

#cdcd61 Protanomaly 1% of men, 0.01% of women
#dbc769 Deuteranomaly 6% of men, 0.4% of women
#bbcdac Tritanomaly 0.01% of the population

#afd45f hex color

#afd45f Color Information

#afd45f Color Conversion

Color Schemes with #afd45f

Alternatives to #afd45f

#afd45f Preview

Shades and Tints of #afd45f

Tones of #afd45f

Color Blindness Simulator