#afe2af hex color

In a RGB color space, hex #afe2af is composed of 68.6% red, 88.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 0% magenta, 22.6% yellow and 11.4% black. It has a hue angle of 120 degrees, a saturation of 46.8% and a lightness of 78.6%. #afe2af color hex could be obtained by blending #ffffff with #5fc55f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 89
- B 69
RGB color chart
- C 23
- M 0
- Y 23
- K 11
CMYK color chart

● #afe2af color description : Very soft lime green.

The hexadecimal color #afe2af has RGB values of R:175, G:226, B:175 and CMYK values of C:0.23, M:0, Y:0.23, K:0.11. Its decimal value is 11526831.

Hex triplet	afe2af	`#afe2af`
RGB Decimal	175, 226, 175	`rgb(175,226,175)`
RGB Percent	68.6, 88.6, 68.6	`rgb(68.6%,88.6%,68.6%)`
CMYK	23, 0, 23, 11
HSL	120°, 46.8, 78.6	`hsl(120,46.8%,78.6%)`
HSV (or HSB)	120°, 22.6, 88.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	85.302, -26.11, 19.704
XYZ	52.611, 66.6, 50.638
xyY	0.31, 0.392, 66.6
CIE-LCH	85.302, 32.711, 142.96
CIE-LUV	85.302, -25.487, 32.936
Hunter-Lab	81.609, -27.741, 20.337
Binary	10101111, 11100010, 10101111

#afe2af
```
#afe2af rgb(175,226,175)
```
#e2afe2
```
#e2afe2 rgb(226,175,226)
```

Complementary Color

#c9e2af
```
#c9e2af rgb(201,226,175)
```
#afe2af
```
#afe2af rgb(175,226,175)
```
#afe2c9
```
#afe2c9 rgb(175,226,201)
```

Analogous Color

#e2afc9
```
#e2afc9 rgb(226,175,201)
```
#afe2af
```
#afe2af rgb(175,226,175)
```
#c9afe2
```
#c9afe2 rgb(201,175,226)
```

Split Complementary Color

#e2afaf
```
#e2afaf rgb(226,175,175)
```
#afe2af
```
#afe2af rgb(175,226,175)
```
#afafe2
```
#afafe2 rgb(175,175,226)
```

Triadic Color

#e2e2af
```
#e2e2af rgb(226,226,175)
```
#afe2af
```
#afe2af rgb(175,226,175)
```
#afafe2
```
#afafe2 rgb(175,175,226)
```
#e2afe2
```
#e2afe2 rgb(226,175,226)
```

Tetradic Color

#77ce77
```
#77ce77 rgb(119,206,119)
```
#8ad48a
```
#8ad48a rgb(138,212,138)
```
#9cdb9c
```
#9cdb9c rgb(156,219,156)
```
#afe2af
```
#afe2af rgb(175,226,175)
```
#c2e9c2
```
#c2e9c2 rgb(194,233,194)
```
#d4f0d4
```
#d4f0d4 rgb(212,240,212)
```
#e7f6e7
```
#e7f6e7 rgb(231,246,231)
```

Monochromatic Color

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

#bce2af
```
#bce2af rgb(188,226,175)
```
#b8e2af
```
#b8e2af rgb(184,226,175)
```
#b3e2af
```
#b3e2af rgb(179,226,175)
```
#afe2af
```
#afe2af rgb(175,226,175)
```
#afe2b3
```
#afe2b3 rgb(175,226,179)
```
#afe2b8
```
#afe2b8 rgb(175,226,184)
```
#afe2bc
```
#afe2bc rgb(175,226,188)
```

Similar Colors

Text with hexadecimal color #afe2af

This text has a font color of #afe2af.

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

#afe2af background color

This paragraph has a background color of #afe2af.

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

#afe2af border color

This element has a border color of #afe2af.

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

CSS codes

.text {color:#afe2af;}

.background {background-color:#afe2af;}

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

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

#020602
```
#020602 rgb(2,6,2)
```
#081508
```
#081508 rgb(8,21,8)
```
#0d230d
```
#0d230d rgb(13,35,13)
```
#123212
```
#123212 rgb(18,50,18)
```
#174017
```
#174017 rgb(23,64,23)
```
#1c4e1c
```
#1c4e1c rgb(28,78,28)
```
#225d22
```
#225d22 rgb(34,93,34)
```
#276b27
```
#276b27 rgb(39,107,39)
```
#2c7a2c
```
#2c7a2c rgb(44,122,44)
```
#318831
```
#318831 rgb(49,136,49)
```
#379637
```
#379637 rgb(55,150,55)
```
#3ca53c
```
#3ca53c rgb(60,165,60)
```
#41b341
```
#41b341 rgb(65,179,65)
```

Shade Color Variation

#4abd4a
```
#4abd4a rgb(74,189,74)
```
#59c359
```
#59c359 rgb(89,195,89)
```
#67c867
```
#67c867 rgb(103,200,103)
```
#75cd75
```
#75cd75 rgb(117,205,117)
```
#84d284
```
#84d284 rgb(132,210,132)
```
#92d892
```
#92d892 rgb(146,216,146)
```
#a1dda1
```
#a1dda1 rgb(161,221,161)
```
#afe2af
```
#afe2af rgb(175,226,175)
```
#bde7bd
```
#bde7bd rgb(189,231,189)
```
#cceccc
```
#cceccc rgb(204,236,204)
```
#daf2da
```
#daf2da rgb(218,242,218)
```
#e9f7e9
```
#e9f7e9 rgb(233,247,233)
```
#f7fcf7
```
#f7fcf7 rgb(247,252,247)
```

Tint Color Variation

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

#c8c9c8
```
#c8c9c8 rgb(200,201,200)
```
#c4cdc4
```
#c4cdc4 rgb(196,205,196)
```
#c0d1c0
```
#c0d1c0 rgb(192,209,192)
```
#bcd5bc
```
#bcd5bc rgb(188,213,188)
```
#b7dab7
```
#b7dab7 rgb(183,218,183)
```
#b3deb3
```
#b3deb3 rgb(179,222,179)
```
#afe2af
```
#afe2af rgb(175,226,175)
```
#abe6ab
```
#abe6ab rgb(171,230,171)
```
#a7eaa7
```
#a7eaa7 rgb(167,234,167)
```
#a2efa2
```
#a2efa2 rgb(162,239,162)
```
#9ef39e
```
#9ef39e rgb(158,243,158)
```
#9af79a
```
#9af79a rgb(154,247,154)
```
#96fb96
```
#96fb96 rgb(150,251,150)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c7d1c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d6ad Protanopia 1% of men
#f6cfb9 Deuteranopia 1% of men
#bedbeb Tritanopia 0.001% of the population

Trichromacy

#d0daae Protanomaly 1% of men, 0.01% of women
#dcd6b5 Deuteranomaly 6% of men, 0.4% of women
#b9ded5 Tritanomaly 0.01% of the population

#afe2af hex color

#afe2af Color Information

#afe2af Color Conversion

Color Schemes with #afe2af

Alternatives to #afe2af

#afe2af Preview

Shades and Tints of #afe2af

Tones of #afe2af

Color Blindness Simulator