#afd980 hex color

In a RGB color space, hex #afd980 is composed of 68.6% red, 85.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 0% magenta, 41% yellow and 14.9% black. It has a hue angle of 88.3 degrees, a saturation of 53.9% and a lightness of 67.6%. #afd980 color hex could be obtained by blending #ffffff with #5fb301. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 85
- B 50
RGB color chart
- C 19
- M 0
- Y 41
- K 15
CMYK color chart

● #afd980 color description : Very soft green.

The hexadecimal color #afd980 has RGB values of R:175, G:217, B:128 and CMYK values of C:0.19, M:0, Y:0.41, K:0.15. Its decimal value is 11524480.

Hex triplet	afd980	`#afd980`
RGB Decimal	175, 217, 128	`rgb(175,217,128)`
RGB Percent	68.6, 85.1, 50.2	`rgb(68.6%,85.1%,50.2%)`
CMYK	19, 0, 41, 15
HSL	88.3°, 53.9, 67.6	`hsl(88.3,53.9%,67.6%)`
HSV (or HSB)	88.3°, 41, 85.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	82, -28.75, 39.381
XYZ	46.387, 60.297, 29.616
xyY	0.34, 0.442, 60.297
CIE-LCH	82, 48.759, 126.131
CIE-LUV	82, -20.654, 57.16
Hunter-Lab	77.651, -29.258, 31.743
Binary	10101111, 11011001, 10000000

#afd980
```
#afd980 rgb(175,217,128)
```
#aa80d9
```
#aa80d9 rgb(170,128,217)
```

Complementary Color

#d9d780
```
#d9d780 rgb(217,215,128)
```
#afd980
```
#afd980 rgb(175,217,128)
```
#83d980
```
#83d980 rgb(131,217,128)
```

Analogous Color

#d780d9
```
#d780d9 rgb(215,128,217)
```
#afd980
```
#afd980 rgb(175,217,128)
```
#8083d9
```
#8083d9 rgb(128,131,217)
```

Split Complementary Color

#d980af
```
#d980af rgb(217,128,175)
```
#afd980
```
#afd980 rgb(175,217,128)
```
#80afd9
```
#80afd9 rgb(128,175,217)
```

Triadic Color

#d9aa80
```
#d9aa80 rgb(217,170,128)
```
#afd980
```
#afd980 rgb(175,217,128)
```
#80afd9
```
#80afd9 rgb(128,175,217)
```
#aa80d9
```
#aa80d9 rgb(170,128,217)
```

Tetradic Color

#8ac745
```
#8ac745 rgb(138,199,69)
```
#96cd59
```
#96cd59 rgb(150,205,89)
```
#a3d36c
```
#a3d36c rgb(163,211,108)
```
#afd980
```
#afd980 rgb(175,217,128)
```
#bbdf94
```
#bbdf94 rgb(187,223,148)
```
#c8e5a7
```
#c8e5a7 rgb(200,229,167)
```
#d4ebbb
```
#d4ebbb rgb(212,235,187)
```

Monochromatic Color

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

#c5d980
```
#c5d980 rgb(197,217,128)
```
#bed980
```
#bed980 rgb(190,217,128)
```
#b6d980
```
#b6d980 rgb(182,217,128)
```
#afd980
```
#afd980 rgb(175,217,128)
```
#a8d980
```
#a8d980 rgb(168,217,128)
```
#a0d980
```
#a0d980 rgb(160,217,128)
```
#99d980
```
#99d980 rgb(153,217,128)
```

Similar Colors

Text with hexadecimal color #afd980

This text has a font color of #afd980.

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

#afd980 background color

This paragraph has a background color of #afd980.

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

#afd980 border color

This element has a border color of #afd980.

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

CSS codes

.text {color:#afd980;}

.background {background-color:#afd980;}

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

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

#060903
```
#060903 rgb(6,9,3)
```
#101807
```
#101807 rgb(16,24,7)
```
#1a270c
```
#1a270c rgb(26,39,12)
```
#243610
```
#243610 rgb(36,54,16)
```
#2e4515
```
#2e4515 rgb(46,69,21)
```
#385419
```
#385419 rgb(56,84,25)
```
#43631e
```
#43631e rgb(67,99,30)
```
#4d7322
```
#4d7322 rgb(77,115,34)
```
#578227
```
#578227 rgb(87,130,39)
```
#61912b
```
#61912b rgb(97,145,43)
```
#6ba030
```
#6ba030 rgb(107,160,48)
```
#75af34
```
#75af34 rgb(117,175,52)
```
#7fbe39
```
#7fbe39 rgb(127,190,57)
```

Shade Color Variation

#89c744
```
#89c744 rgb(137,199,68)
```
#92cb53
```
#92cb53 rgb(146,203,83)
```
#9cd062
```
#9cd062 rgb(156,208,98)
```
#a5d471
```
#a5d471 rgb(165,212,113)
```
#afd980
```
#afd980 rgb(175,217,128)
```
#b9de8f
```
#b9de8f rgb(185,222,143)
```
#c2e29e
```
#c2e29e rgb(194,226,158)
```
#cce7ad
```
#cce7ad rgb(204,231,173)
```
#d5ebbc
```
#d5ebbc rgb(213,235,188)
```
#dff0cb
```
#dff0cb rgb(223,240,203)
```
#e8f4db
```
#e8f4db rgb(232,244,219)
```
#f2f9ea
```
#f2f9ea rgb(242,249,234)
```
#fbfdf9
```
#fbfdf9 rgb(251,253,249)
```

Tint Color Variation

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

#adadac
```
#adadac rgb(173,173,172)
```
#adb3a6
```
#adb3a6 rgb(173,179,166)
```
#adb9a0
```
#adb9a0 rgb(173,185,160)
```
#aec099
```
#aec099 rgb(174,192,153)
```
#aec693
```
#aec693 rgb(174,198,147)
```
#aecc8d
```
#aecc8d rgb(174,204,141)
```
#afd386
```
#afd386 rgb(175,211,134)
```
#afd980
```
#afd980 rgb(175,217,128)
```
#afdf7a
```
#afdf7a rgb(175,223,122)
```
#b0e673
```
#b0e673 rgb(176,230,115)
```
#b0ec6d
```
#b0ec6d rgb(176,236,109)
```
#b0f267
```
#b0f267 rgb(176,242,103)
```
#b1f960
```
#b1f960 rgb(177,249,96)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bec7b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0ce82 Protanopia 1% of men
#f5c68d Deuteranopia 1% of men
#c1d0df Tritanopia 0.001% of the population

Trichromacy

#ced281 Protanomaly 1% of men, 0.01% of women
#dccd88 Deuteranomaly 6% of men, 0.4% of women
#bbd3bc Tritanomaly 0.01% of the population

#afd980 hex color

#afd980 Color Information

#afd980 Color Conversion

Color Schemes with #afd980

Alternatives to #afd980

#afd980 Preview

Shades and Tints of #afd980

Tones of #afd980

Color Blindness Simulator