#afe996 hex color

In a RGB color space, hex #afe996 is composed of 68.6% red, 91.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 24.9% cyan, 0% magenta, 35.6% yellow and 8.6% black. It has a hue angle of 101.9 degrees, a saturation of 65.4% and a lightness of 75.1%. #afe996 color hex could be obtained by blending #ffffff with #5fd32d. Closest websafe color is: #99ff99.

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

● #afe996 color description : Very soft green.

The hexadecimal color #afe996 has RGB values of R:175, G:233, B:150 and CMYK values of C:0.25, M:0, Y:0.36, K:0.09. Its decimal value is 11528598.

Hex triplet	afe996	`#afe996`
RGB Decimal	175, 233, 150	`rgb(175,233,150)`
RGB Percent	68.6, 91.4, 58.8	`rgb(68.6%,91.4%,58.8%)`
CMYK	25, 0, 36, 9
HSL	101.9°, 65.4, 75.1	`hsl(101.9,65.4%,75.1%)`
HSV (or HSB)	101.9°, 35.6, 91.4
Web Safe	99ff99	`#99ff99`

CIE-LAB	86.797, -33.309, 34.561
XYZ	52.321, 69.592, 39.528
xyY	0.324, 0.431, 69.592
CIE-LCH	86.797, 47.999, 133.943
CIE-LUV	86.797, -28.84, 53.316
Hunter-Lab	83.422, -34.035, 30.302
Binary	10101111, 11101001, 10010110

#afe996
```
#afe996 rgb(175,233,150)
```
#d096e9
```
#d096e9 rgb(208,150,233)
```

Complementary Color

#d9e996
```
#d9e996 rgb(217,233,150)
```
#afe996
```
#afe996 rgb(175,233,150)
```
#96e9a7
```
#96e9a7 rgb(150,233,167)
```

Analogous Color

#e996d9
```
#e996d9 rgb(233,150,217)
```
#afe996
```
#afe996 rgb(175,233,150)
```
#a796e9
```
#a796e9 rgb(167,150,233)
```

Split Complementary Color

#e996af
```
#e996af rgb(233,150,175)
```
#afe996
```
#afe996 rgb(175,233,150)
```
#96afe9
```
#96afe9 rgb(150,175,233)
```

Triadic Color

#e9d096
```
#e9d096 rgb(233,208,150)
```
#afe996
```
#afe996 rgb(175,233,150)
```
#96afe9
```
#96afe9 rgb(150,175,233)
```
#d096e9
```
#d096e9 rgb(208,150,233)
```

Tetradic Color

#7fdc57
```
#7fdc57 rgb(127,220,87)
```
#8fe06c
```
#8fe06c rgb(143,224,108)
```
#9fe581
```
#9fe581 rgb(159,229,129)
```
#afe996
```
#afe996 rgb(175,233,150)
```
#bfedab
```
#bfedab rgb(191,237,171)
```
#cff2c0
```
#cff2c0 rgb(207,242,192)
```
#dff6d5
```
#dff6d5 rgb(223,246,213)
```

Monochromatic Color

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

#c4e996
```
#c4e996 rgb(196,233,150)
```
#bde996
```
#bde996 rgb(189,233,150)
```
#b6e996
```
#b6e996 rgb(182,233,150)
```
#afe996
```
#afe996 rgb(175,233,150)
```
#a8e996
```
#a8e996 rgb(168,233,150)
```
#a1e996
```
#a1e996 rgb(161,233,150)
```
#9ae996
```
#9ae996 rgb(154,233,150)
```

Similar Colors

Text with hexadecimal color #afe996

This text has a font color of #afe996.

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

#afe996 background color

This paragraph has a background color of #afe996.

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

#afe996 border color

This element has a border color of #afe996.

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

CSS codes

.text {color:#afe996;}

.background {background-color:#afe996;}

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

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

#040902
```
#040902 rgb(4,9,2)
```
#0b1905
```
#0b1905 rgb(11,25,5)
```
#122909
```
#122909 rgb(18,41,9)
```
#1a390c
```
#1a390c rgb(26,57,12)
```
#21490f
```
#21490f rgb(33,73,15)
```
#285a13
```
#285a13 rgb(40,90,19)
```
#2f6a16
```
#2f6a16 rgb(47,106,22)
```
#377a1a
```
#377a1a rgb(55,122,26)
```
#3e8a1d
```
#3e8a1d rgb(62,138,29)
```
#459a20
```
#459a20 rgb(69,154,32)
```
#4cab24
```
#4cab24 rgb(76,171,36)
```
#54bb27
```
#54bb27 rgb(84,187,39)
```
#5bcb2b
```
#5bcb2b rgb(91,203,43)
```

Shade Color Variation

#65d535
```
#65d535 rgb(101,213,53)
```
#71d845
```
#71d845 rgb(113,216,69)
```
#7edb55
```
#7edb55 rgb(126,219,85)
```
#8adf65
```
#8adf65 rgb(138,223,101)
```
#96e276
```
#96e276 rgb(150,226,118)
```
#a3e686
```
#a3e686 rgb(163,230,134)
```
#afe996
```
#afe996 rgb(175,233,150)
```
#bbeca6
```
#bbeca6 rgb(187,236,166)
```
#c8f0b6
```
#c8f0b6 rgb(200,240,182)
```
#d4f3c7
```
#d4f3c7 rgb(212,243,199)
```
#e0f7d7
```
#e0f7d7 rgb(224,247,215)
```
#edfae7
```
#edfae7 rgb(237,250,231)
```
#f9fdf7
```
#f9fdf7 rgb(249,253,247)
```

Tint Color Variation

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

#bfc2bd
```
#bfc2bd rgb(191,194,189)
```
#bdc7b8
```
#bdc7b8 rgb(189,199,184)
```
#bbccb3
```
#bbccb3 rgb(187,204,179)
```
#b9d1ae
```
#b9d1ae rgb(185,209,174)
```
#b7d5aa
```
#b7d5aa rgb(183,213,170)
```
#b5daa5
```
#b5daa5 rgb(181,218,165)
```
#b3dfa0
```
#b3dfa0 rgb(179,223,160)
```
#b1e49b
```
#b1e49b rgb(177,228,155)
```
#afe996
```
#afe996 rgb(175,233,150)
```
#adee91
```
#adee91 rgb(173,238,145)
```
#abf38c
```
#abf38c rgb(171,243,140)
```
#a9f887
```
#a9f887 rgb(169,248,135)
```
#a7fd82
```
#a7fd82 rgb(167,253,130)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c8d3c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eddb95 Protanopia 1% of men
#ffd3a9 Deuteranopia 1% of men
#c3dfef Tritanopia 0.001% of the population

Trichromacy

#d6e095 Protanomaly 1% of men, 0.01% of women
#e1dba2 Deuteranomaly 6% of men, 0.4% of women
#bbe3cf Tritanomaly 0.01% of the population

#afe996 hex color

#afe996 Color Information

#afe996 Color Conversion

Color Schemes with #afe996

Alternatives to #afe996

#afe996 Preview

Shades and Tints of #afe996

Tones of #afe996

Color Blindness Simulator