#afdf50 hex color

In a RGB color space, hex #afdf50 is composed of 68.6% red, 87.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 0% magenta, 64.1% yellow and 12.5% black. It has a hue angle of 80.1 degrees, a saturation of 69.1% and a lightness of 59.4%. #afdf50 color hex could be obtained by blending #ffffa0 with #5fbf00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 87
- B 31
RGB color chart
- C 22
- M 0
- Y 64
- K 13
CMYK color chart

● #afdf50 color description : Soft green.

The hexadecimal color #afdf50 has RGB values of R:175, G:223, B:80 and CMYK values of C:0.22, M:0, Y:0.64, K:0.13. Its decimal value is 11525968.

Hex triplet	afdf50	`#afdf50`
RGB Decimal	175, 223, 80	`rgb(175,223,80)`
RGB Percent	68.6, 87.5, 31.4	`rgb(68.6%,87.5%,31.4%)`
CMYK	22, 0, 64, 13
HSL	80.1°, 69.1, 59.4	`hsl(80.1,69.1%,59.4%)`
HSV (or HSB)	80.1°, 64.1, 87.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.162, -36.244, 62.751
XYZ	45.514, 62.468, 17.249
xyY	0.363, 0.499, 62.468
CIE-LCH	83.162, 72.466, 120.01
CIE-LUV	83.162, -23.586, 81.344
Hunter-Lab	79.037, -35.523, 42.386
Binary	10101111, 11011111, 01010000

#afdf50
```
#afdf50 rgb(175,223,80)
```
#8050df
```
#8050df rgb(128,80,223)
```

Complementary Color

#dfc850
```
#dfc850 rgb(223,200,80)
```
#afdf50
```
#afdf50 rgb(175,223,80)
```
#68df50
```
#68df50 rgb(104,223,80)
```

Analogous Color

#c850df
```
#c850df rgb(200,80,223)
```
#afdf50
```
#afdf50 rgb(175,223,80)
```
#5068df
```
#5068df rgb(80,104,223)
```

Split Complementary Color

#df50af
```
#df50af rgb(223,80,175)
```
#afdf50
```
#afdf50 rgb(175,223,80)
```
#50afdf
```
#50afdf rgb(80,175,223)
```

Triadic Color

#df8050
```
#df8050 rgb(223,128,80)
```
#afdf50
```
#afdf50 rgb(175,223,80)
```
#50afdf
```
#50afdf rgb(80,175,223)
```
#8050df
```
#8050df rgb(128,80,223)
```

Tetradic Color

#8bbf23
```
#8bbf23 rgb(139,191,35)
```
#9bd527
```
#9bd527 rgb(155,213,39)
```
#a5db3a
```
#a5db3a rgb(165,219,58)
```
#afdf50
```
#afdf50 rgb(175,223,80)
```
#b9e366
```
#b9e366 rgb(185,227,102)
```
#c3e77b
```
#c3e77b rgb(195,231,123)
```
#cdeb91
```
#cdeb91 rgb(205,235,145)
```

Monochromatic Color

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

#d3df50
```
#d3df50 rgb(211,223,80)
```
#c7df50
```
#c7df50 rgb(199,223,80)
```
#bbdf50
```
#bbdf50 rgb(187,223,80)
```
#afdf50
```
#afdf50 rgb(175,223,80)
```
#a3df50
```
#a3df50 rgb(163,223,80)
```
#97df50
```
#97df50 rgb(151,223,80)
```
#8bdf50
```
#8bdf50 rgb(139,223,80)
```

Similar Colors

Text with hexadecimal color #afdf50

This text has a font color of #afdf50.

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

#afdf50 background color

This paragraph has a background color of #afdf50.

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

#afdf50 border color

This element has a border color of #afdf50.

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

CSS codes

.text {color:#afdf50;}

.background {background-color:#afdf50;}

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

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

#050701
```
#050701 rgb(5,7,1)
```
#111804
```
#111804 rgb(17,24,4)
```
#1d2907
```
#1d2907 rgb(29,41,7)
```
#29390a
```
#29390a rgb(41,57,10)
```
#364a0d
```
#364a0d rgb(54,74,13)
```
#425a11
```
#425a11 rgb(66,90,17)
```
#4e6b14
```
#4e6b14 rgb(78,107,20)
```
#5a7b17
```
#5a7b17 rgb(90,123,23)
```
#668c1a
```
#668c1a rgb(102,140,26)
```
#729d1d
```
#729d1d rgb(114,157,29)
```
#7ead20
```
#7ead20 rgb(126,173,32)
```
#8abe23
```
#8abe23 rgb(138,190,35)
```
#96ce26
```
#96ce26 rgb(150,206,38)
```

Shade Color Variation

#a0d92f
```
#a0d92f rgb(160,217,47)
```
#a7dc3f
```
#a7dc3f rgb(167,220,63)
```
#afdf50
```
#afdf50 rgb(175,223,80)
```
#b7e261
```
#b7e261 rgb(183,226,97)
```
#bee571
```
#bee571 rgb(190,229,113)
```
#c6e882
```
#c6e882 rgb(198,232,130)
```
#cdeb92
```
#cdeb92 rgb(205,235,146)
```
#d5eea3
```
#d5eea3 rgb(213,238,163)
```
#dcf1b3
```
#dcf1b3 rgb(220,241,179)
```
#e4f4c4
```
#e4f4c4 rgb(228,244,196)
```
#ecf7d5
```
#ecf7d5 rgb(236,247,213)
```
#f3fae5
```
#f3fae5 rgb(243,250,229)
```
#fbfdf6
```
#fbfdf6 rgb(251,253,246)
```

Tint Color Variation

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

#9a9f90
```
#9a9f90 rgb(154,159,144)
```
#9da788
```
#9da788 rgb(157,167,136)
```
#9faf80
```
#9faf80 rgb(159,175,128)
```
#a2b778
```
#a2b778 rgb(162,183,120)
```
#a5bf70
```
#a5bf70 rgb(165,191,112)
```
#a7c768
```
#a7c768 rgb(167,199,104)
```
#aacf60
```
#aacf60 rgb(170,207,96)
```
#acd758
```
#acd758 rgb(172,215,88)
```
#afdf50
```
#afdf50 rgb(175,223,80)
```
#b2e748
```
#b2e748 rgb(178,231,72)
```
#b4ef40
```
#b4ef40 rgb(180,239,64)
```
#b7f738
```
#b7f738 rgb(183,247,56)
```
#b9ff30
```
#b9ff30 rgb(185,255,48)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdc6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d154 Protanopia 1% of men
#ffc86d Deuteranopia 1% of men
#c6d3e2 Tritanopia 0.001% of the population

Trichromacy

#d3d653 Protanomaly 1% of men, 0.01% of women
#e1d062 Deuteranomaly 6% of men, 0.4% of women
#bdd7ad Tritanomaly 0.01% of the population

#afdf50 hex color

#afdf50 Color Information

#afdf50 Color Conversion

Color Schemes with #afdf50

Alternatives to #afdf50

#afdf50 Preview

Shades and Tints of #afdf50

Tones of #afdf50

Color Blindness Simulator