#afde60 hex color

In a RGB color space, hex #afde60 is composed of 68.6% red, 87.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 56.8% yellow and 12.9% black. It has a hue angle of 82.4 degrees, a saturation of 65.6% and a lightness of 62.4%. #afde60 color hex could be obtained by blending #ffffc0 with #5fbd00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 87
- B 38
RGB color chart
- C 21
- M 0
- Y 57
- K 13
CMYK color chart

● #afde60 color description : Soft green.

The hexadecimal color #afde60 has RGB values of R:175, G:222, B:96 and CMYK values of C:0.21, M:0, Y:0.57, K:0.13. Its decimal value is 11525728.

Hex triplet	afde60	`#afde60`
RGB Decimal	175, 222, 96	`rgb(175,222,96)`
RGB Percent	68.6, 87.1, 37.6	`rgb(68.6%,87.1%,37.6%)`
CMYK	21, 0, 57, 13
HSL	82.4°, 65.6, 62.4	`hsl(82.4,65.6%,62.4%)`
HSV (or HSB)	82.4°, 56.8, 87.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.02, -34.5, 55.811
XYZ	45.911, 62.2, 20.653
xyY	0.357, 0.483, 62.2
CIE-LCH	83.02, 65.613, 121.722
CIE-LUV	83.02, -23.104, 74.991
Hunter-Lab	78.867, -34.107, 39.681
Binary	10101111, 11011110, 01100000

#afde60
```
#afde60 rgb(175,222,96)
```
#8f60de
```
#8f60de rgb(143,96,222)
```

Complementary Color

#dece60
```
#dece60 rgb(222,206,96)
```
#afde60
```
#afde60 rgb(175,222,96)
```
#70de60
```
#70de60 rgb(112,222,96)
```

Analogous Color

#ce60de
```
#ce60de rgb(206,96,222)
```
#afde60
```
#afde60 rgb(175,222,96)
```
#6070de
```
#6070de rgb(96,112,222)
```

Split Complementary Color

#de60af
```
#de60af rgb(222,96,175)
```
#afde60
```
#afde60 rgb(175,222,96)
```
#60afde
```
#60afde rgb(96,175,222)
```

Triadic Color

#de8f60
```
#de8f60 rgb(222,143,96)
```
#afde60
```
#afde60 rgb(175,222,96)
```
#60afde
```
#60afde rgb(96,175,222)
```
#8f60de
```
#8f60de rgb(143,96,222)
```

Tetradic Color

#8dc82a
```
#8dc82a rgb(141,200,42)
```
#9ad536
```
#9ad536 rgb(154,213,54)
```
#a4da4b
```
#a4da4b rgb(164,218,75)
```
#afde60
```
#afde60 rgb(175,222,96)
```
#bae275
```
#bae275 rgb(186,226,117)
```
#c4e78a
```
#c4e78a rgb(196,231,138)
```
#cfeb9f
```
#cfeb9f rgb(207,235,159)
```

Monochromatic Color

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

#cfde60
```
#cfde60 rgb(207,222,96)
```
#c4de60
```
#c4de60 rgb(196,222,96)
```
#bade60
```
#bade60 rgb(186,222,96)
```
#afde60
```
#afde60 rgb(175,222,96)
```
#a5de60
```
#a5de60 rgb(165,222,96)
```
#9ade60
```
#9ade60 rgb(154,222,96)
```
#90de60
```
#90de60 rgb(144,222,96)
```

Similar Colors

Text with hexadecimal color #afde60

This text has a font color of #afde60.

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

#afde60 background color

This paragraph has a background color of #afde60.

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

#afde60 border color

This element has a border color of #afde60.

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

CSS codes

.text {color:#afde60;}

.background {background-color:#afde60;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0e1404
```
#0e1404 rgb(14,20,4)
```
#192407
```
#192407 rgb(25,36,7)
```
#25340b
```
#25340b rgb(37,52,11)
```
#30440e
```
#30440e rgb(48,68,14)
```
#3c5512
```
#3c5512 rgb(60,85,18)
```
#476515
```
#476515 rgb(71,101,21)
```
#537518
```
#537518 rgb(83,117,24)
```
#5e851c
```
#5e851c rgb(94,133,28)
```
#69961f
```
#69961f rgb(105,150,31)
```
#75a622
```
#75a622 rgb(117,166,34)
```
#80b626
```
#80b626 rgb(128,182,38)
```
#8cc629
```
#8cc629 rgb(140,198,41)
```

Shade Color Variation

#96d42f
```
#96d42f rgb(150,212,47)
```
#9fd740
```
#9fd740 rgb(159,215,64)
```
#a7db50
```
#a7db50 rgb(167,219,80)
```
#afde60
```
#afde60 rgb(175,222,96)
```
#b7e170
```
#b7e170 rgb(183,225,112)
```
#bfe580
```
#bfe580 rgb(191,229,128)
```
#c8e891
```
#c8e891 rgb(200,232,145)
```
#d0eba1
```
#d0eba1 rgb(208,235,161)
```
#d8efb1
```
#d8efb1 rgb(216,239,177)
```
#e0f2c1
```
#e0f2c1 rgb(224,242,193)
```
#e8f6d2
```
#e8f6d2 rgb(232,246,210)
```
#f0f9e2
```
#f0f9e2 rgb(240,249,226)
```
#f9fcf2
```
#f9fcf2 rgb(249,252,242)
```

Tint Color Variation

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

#a0a39b
```
#a0a39b rgb(160,163,155)
```
#a2aa94
```
#a2aa94 rgb(162,170,148)
```
#a4b28c
```
#a4b28c rgb(164,178,140)
```
#a6b985
```
#a6b985 rgb(166,185,133)
```
#a7c07e
```
#a7c07e rgb(167,192,126)
```
#a9c876
```
#a9c876 rgb(169,200,118)
```
#abcf6f
```
#abcf6f rgb(171,207,111)
```
#add767
```
#add767 rgb(173,215,103)
```
#afde60
```
#afde60 rgb(175,222,96)
```
#b1e559
```
#b1e559 rgb(177,229,89)
```
#b3ed51
```
#b3ed51 rgb(179,237,81)
```
#b5f44a
```
#b5f44a rgb(181,244,74)
```
#b7fc42
```
#b7fc42 rgb(183,252,66)
```

Tone Color Variation

Below, you can see how #afde60 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
#bec8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d163 Protanopia 1% of men
#fec870 Deuteranopia 1% of men
#c5d2e1 Tritanopia 0.001% of the population

Trichromacy

#d2d662 Protanomaly 1% of men, 0.01% of women
#e1d06a Deuteranomaly 6% of men, 0.4% of women
#bdd6b2 Tritanomaly 0.01% of the population

#afde60 hex color

#afde60 Color Information

#afde60 Color Conversion

Color Schemes with #afde60

Alternatives to #afde60

#afde60 Preview

Shades and Tints of #afde60

Tones of #afde60

Color Blindness Simulator