#afe96f hex color

In a RGB color space, hex #afe96f is composed of 68.6% red, 91.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 24.9% cyan, 0% magenta, 52.4% yellow and 8.6% black. It has a hue angle of 88.5 degrees, a saturation of 73.5% and a lightness of 67.5%. #afe96f color hex could be obtained by blending #ffffde with #5fd300. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 91
- B 44
RGB color chart
- C 25
- M 0
- Y 52
- K 9
CMYK color chart

● #afe96f color description : Soft green.

The hexadecimal color #afe96f has RGB values of R:175, G:233, B:111 and CMYK values of C:0.25, M:0, Y:0.52, K:0.09. Its decimal value is 11528559.

Hex triplet	afe96f	`#afe96f`
RGB Decimal	175, 233, 111	`rgb(175,233,111)`
RGB Percent	68.6, 91.4, 43.5	`rgb(68.6%,91.4%,43.5%)`
CMYK	25, 0, 52, 9
HSL	88.5°, 73.5, 67.5	`hsl(88.5,73.5%,67.5%)`
HSV (or HSB)	88.5°, 52.4, 91.4
Web Safe	99ff66	`#99ff66`

CIE-LAB	86.275, -38.059, 52.816
XYZ	49.686, 68.538, 25.649
xyY	0.345, 0.476, 68.538
CIE-LCH	86.275, 65.1, 125.776
CIE-LUV	86.275, -28.851, 73.87
Hunter-Lab	82.788, -37.75, 39.582
Binary	10101111, 11101001, 01101111

#afe96f
```
#afe96f rgb(175,233,111)
```
#a96fe9
```
#a96fe9 rgb(169,111,233)
```

Complementary Color

#e9e66f
```
#e9e66f rgb(233,230,111)
```
#afe96f
```
#afe96f rgb(175,233,111)
```
#72e96f
```
#72e96f rgb(114,233,111)
```

Analogous Color

#e66fe9
```
#e66fe9 rgb(230,111,233)
```
#afe96f
```
#afe96f rgb(175,233,111)
```
#6f72e9
```
#6f72e9 rgb(111,114,233)
```

Split Complementary Color

#e96faf
```
#e96faf rgb(233,111,175)
```
#afe96f
```
#afe96f rgb(175,233,111)
```
#6fafe9
```
#6fafe9 rgb(111,175,233)
```

Triadic Color

#e9a96f
```
#e9a96f rgb(233,169,111)
```
#afe96f
```
#afe96f rgb(175,233,111)
```
#6fafe9
```
#6fafe9 rgb(111,175,233)
```
#a96fe9
```
#a96fe9 rgb(169,111,233)
```

Tetradic Color

#8adf2d
```
#8adf2d rgb(138,223,45)
```
#96e243
```
#96e243 rgb(150,226,67)
```
#a3e659
```
#a3e659 rgb(163,230,89)
```
#afe96f
```
#afe96f rgb(175,233,111)
```
#bbec85
```
#bbec85 rgb(187,236,133)
```
#c8f09b
```
#c8f09b rgb(200,240,155)
```
#d4f3b1
```
#d4f3b1 rgb(212,243,177)
```

Monochromatic Color

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

#cee96f
```
#cee96f rgb(206,233,111)
```
#c3e96f
```
#c3e96f rgb(195,233,111)
```
#b9e96f
```
#b9e96f rgb(185,233,111)
```
#afe96f
```
#afe96f rgb(175,233,111)
```
#a5e96f
```
#a5e96f rgb(165,233,111)
```
#9be96f
```
#9be96f rgb(155,233,111)
```
#91e96f
```
#91e96f rgb(145,233,111)
```

Similar Colors

Text with hexadecimal color #afe96f

This text has a font color of #afe96f.

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

#afe96f background color

This paragraph has a background color of #afe96f.

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

#afe96f border color

This element has a border color of #afe96f.

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

CSS codes

.text {color:#afe96f;}

.background {background-color:#afe96f;}

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

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

#050901
```
#050901 rgb(5,9,1)
```
#101a04
```
#101a04 rgb(16,26,4)
```
#1a2b07
```
#1a2b07 rgb(26,43,7)
```
#243c09
```
#243c09 rgb(36,60,9)
```
#2e4d0c
```
#2e4d0c rgb(46,77,12)
```
#385e0e
```
#385e0e rgb(56,94,14)
```
#426f11
```
#426f11 rgb(66,111,17)
```
#4d8014
```
#4d8014 rgb(77,128,20)
```
#579116
```
#579116 rgb(87,145,22)
```
#61a219
```
#61a219 rgb(97,162,25)
```
#6bb31b
```
#6bb31b rgb(107,179,27)
```
#75c41e
```
#75c41e rgb(117,196,30)
```
#7fd521
```
#7fd521 rgb(127,213,33)
```

Shade Color Variation

#89df2b
```
#89df2b rgb(137,223,43)
```
#93e13c
```
#93e13c rgb(147,225,60)
```
#9ce44d
```
#9ce44d rgb(156,228,77)
```
#a6e65e
```
#a6e65e rgb(166,230,94)
```
#afe96f
```
#afe96f rgb(175,233,111)
```
#b8ec80
```
#b8ec80 rgb(184,236,128)
```
#c2ee91
```
#c2ee91 rgb(194,238,145)
```
#cbf1a2
```
#cbf1a2 rgb(203,241,162)
```
#d5f3b3
```
#d5f3b3 rgb(213,243,179)
```
#def6c4
```
#def6c4 rgb(222,246,196)
```
#e8f9d5
```
#e8f9d5 rgb(232,249,213)
```
#f1fbe6
```
#f1fbe6 rgb(241,251,230)
```
#fbfef7
```
#fbfef7 rgb(251,254,247)
```

Tint Color Variation

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

#acb0a8
```
#acb0a8 rgb(172,176,168)
```
#acb6a2
```
#acb6a2 rgb(172,182,162)
```
#adbc9c
```
#adbc9c rgb(173,188,156)
```
#adc395
```
#adc395 rgb(173,195,149)
```
#adc98f
```
#adc98f rgb(173,201,143)
```
#aecf89
```
#aecf89 rgb(174,207,137)
```
#aed682
```
#aed682 rgb(174,214,130)
```
#aedc7c
```
#aedc7c rgb(174,220,124)
```
#afe375
```
#afe375 rgb(175,227,117)
```
#afe96f
```
#afe96f rgb(175,233,111)
```
#afef69
```
#afef69 rgb(175,239,105)
```
#b0f662
```
#b0f662 rgb(176,246,98)
```
#b0fc5c
```
#b0fc5c rgb(176,252,92)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c5d0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0da71 Protanopia 1% of men
#ffd299 Deuteranopia 1% of men
#c6dded Tritanopia 0.001% of the population

Trichromacy

#d8df70 Protanomaly 1% of men, 0.01% of women
#e1da89 Deuteranomaly 6% of men, 0.4% of women
#bde1bf Tritanomaly 0.01% of the population

#afe96f hex color

#afe96f Color Information

#afe96f Color Conversion

Color Schemes with #afe96f

Alternatives to #afe96f

#afe96f Preview

Shades and Tints of #afe96f

Tones of #afe96f

Color Blindness Simulator