#afd480 hex color

In a RGB color space, hex #afd480 is composed of 68.6% red, 83.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 39.6% yellow and 16.9% black. It has a hue angle of 86.4 degrees, a saturation of 49.4% and a lightness of 66.7%. #afd480 color hex could be obtained by blending #ffffff with #5fa901. Closest websafe color is: #99cc99.

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

● #afd480 color description : Slightly desaturated green.

The hexadecimal color #afd480 has RGB values of R:175, G:212, B:128 and CMYK values of C:0.17, M:0, Y:0.4, K:0.17. Its decimal value is 11523200.

Hex triplet	afd480	`#afd480`
RGB Decimal	175, 212, 128	`rgb(175,212,128)`
RGB Percent	68.6, 83.1, 50.2	`rgb(68.6%,83.1%,50.2%)`
CMYK	17, 0, 40, 17
HSL	86.4°, 49.4, 66.7	`hsl(86.4,49.4%,66.7%)`
HSV (or HSB)	86.4°, 39.6, 83.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.604, -26.361, 37.596
XYZ	45.118, 57.759, 29.192
xyY	0.342, 0.437, 57.759
CIE-LCH	80.604, 45.917, 125.037
CIE-LUV	80.604, -18.025, 54.46
Hunter-Lab	75.999, -27.03, 30.425
Binary	10101111, 11010100, 10000000

#afd480
```
#afd480 rgb(175,212,128)
```
#a580d4
```
#a580d4 rgb(165,128,212)
```

Complementary Color

#d4cf80
```
#d4cf80 rgb(212,207,128)
```
#afd480
```
#afd480 rgb(175,212,128)
```
#85d480
```
#85d480 rgb(133,212,128)
```

Analogous Color

#cf80d4
```
#cf80d4 rgb(207,128,212)
```
#afd480
```
#afd480 rgb(175,212,128)
```
#8085d4
```
#8085d4 rgb(128,133,212)
```

Split Complementary Color

#d480af
```
#d480af rgb(212,128,175)
```
#afd480
```
#afd480 rgb(175,212,128)
```
#80afd4
```
#80afd4 rgb(128,175,212)
```

Triadic Color

#d4a580
```
#d4a580 rgb(212,165,128)
```
#afd480
```
#afd480 rgb(175,212,128)
```
#80afd4
```
#80afd4 rgb(128,175,212)
```
#a580d4
```
#a580d4 rgb(165,128,212)
```

Tetradic Color

#8bc147
```
#8bc147 rgb(139,193,71)
```
#97c75a
```
#97c75a rgb(151,199,90)
```
#a3ce6d
```
#a3ce6d rgb(163,206,109)
```
#afd480
```
#afd480 rgb(175,212,128)
```
#bbda93
```
#bbda93 rgb(187,218,147)
```
#c7e1a6
```
#c7e1a6 rgb(199,225,166)
```
#d3e7b9
```
#d3e7b9 rgb(211,231,185)
```

Monochromatic Color

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

#c4d480
```
#c4d480 rgb(196,212,128)
```
#bdd480
```
#bdd480 rgb(189,212,128)
```
#b6d480
```
#b6d480 rgb(182,212,128)
```
#afd480
```
#afd480 rgb(175,212,128)
```
#a8d480
```
#a8d480 rgb(168,212,128)
```
#a1d480
```
#a1d480 rgb(161,212,128)
```
#9ad480
```
#9ad480 rgb(154,212,128)
```

Similar Colors

Text with hexadecimal color #afd480

This text has a font color of #afd480.

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

#afd480 background color

This paragraph has a background color of #afd480.

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

#afd480 border color

This element has a border color of #afd480.

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

CSS codes

.text {color:#afd480;}

.background {background-color:#afd480;}

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

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

#030502
```
#030502 rgb(3,5,2)
```
#0e1407
```
#0e1407 rgb(14,20,7)
```
#18220c
```
#18220c rgb(24,34,12)
```
#233111
```
#233111 rgb(35,49,17)
```
#2d4016
```
#2d4016 rgb(45,64,22)
```
#374e1a
```
#374e1a rgb(55,78,26)
```
#425d1f
```
#425d1f rgb(66,93,31)
```
#4c6b24
```
#4c6b24 rgb(76,107,36)
```
#577a29
```
#577a29 rgb(87,122,41)
```
#61892e
```
#61892e rgb(97,137,46)
```
#6b9733
```
#6b9733 rgb(107,151,51)
```
#76a638
```
#76a638 rgb(118,166,56)
```
#80b53d
```
#80b53d rgb(128,181,61)
```

Shade Color Variation

#8ac045
```
#8ac045 rgb(138,192,69)
```
#93c554
```
#93c554 rgb(147,197,84)
```
#9dca63
```
#9dca63 rgb(157,202,99)
```
#a6cf71
```
#a6cf71 rgb(166,207,113)
```
#afd480
```
#afd480 rgb(175,212,128)
```
#b8d98f
```
#b8d98f rgb(184,217,143)
```
#c1de9d
```
#c1de9d rgb(193,222,157)
```
#cbe3ac
```
#cbe3ac rgb(203,227,172)
```
#d4e8bb
```
#d4e8bb rgb(212,232,187)
```
#ddedc9
```
#ddedc9 rgb(221,237,201)
```
#e6f2d8
```
#e6f2d8 rgb(230,242,216)
```
#f0f7e7
```
#f0f7e7 rgb(240,247,231)
```
#f9fcf5
```
#f9fcf5 rgb(249,252,245)
```

Tint Color Variation

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

#aaada7
```
#aaada7 rgb(170,173,167)
```
#abb3a1
```
#abb3a1 rgb(171,179,161)
```
#acba9a
```
#acba9a rgb(172,186,154)
```
#adc094
```
#adc094 rgb(173,192,148)
```
#adc78d
```
#adc78d rgb(173,199,141)
```
#aecd87
```
#aecd87 rgb(174,205,135)
```
#afd480
```
#afd480 rgb(175,212,128)
```
#b0db79
```
#b0db79 rgb(176,219,121)
```
#b1e173
```
#b1e173 rgb(177,225,115)
```
#b1e86c
```
#b1e86c rgb(177,232,108)
```
#b2ee66
```
#b2ee66 rgb(178,238,102)
```
#b3f55f
```
#b3f55f rgb(179,245,95)
```
#b4fb59
```
#b4fb59 rgb(180,251,89)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc3b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcca82 Protanopia 1% of men
#f1c28c Deuteranopia 1% of men
#c0ccda Tritanopia 0.001% of the population

Trichromacy

#ccce81 Protanomaly 1% of men, 0.01% of women
#d9c888 Deuteranomaly 6% of men, 0.4% of women
#baceb9 Tritanomaly 0.01% of the population

#afd480 hex color

#afd480 Color Information

#afd480 Color Conversion

Color Schemes with #afd480

Alternatives to #afd480

#afd480 Preview

Shades and Tints of #afd480

Tones of #afd480

Color Blindness Simulator