#afe796 hex color

In a RGB color space, hex #afe796 is composed of 68.6% red, 90.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 0% magenta, 35.1% yellow and 9.4% black. It has a hue angle of 101.5 degrees, a saturation of 62.8% and a lightness of 74.7%. #afe796 color hex could be obtained by blending #ffffff with #5fcf2d. Closest websafe color is: #99ff99.

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

● #afe796 color description : Very soft green.

The hexadecimal color #afe796 has RGB values of R:175, G:231, B:150 and CMYK values of C:0.24, M:0, Y:0.35, K:0.09. Its decimal value is 11528086.

Hex triplet	afe796	`#afe796`
RGB Decimal	175, 231, 150	`rgb(175,231,150)`
RGB Percent	68.6, 90.6, 58.8	`rgb(68.6%,90.6%,58.8%)`
CMYK	24, 0, 35, 9
HSL	101.5°, 62.8, 74.7	`hsl(101.5,62.8%,74.7%)`
HSV (or HSB)	101.5°, 35.1, 90.6
Web Safe	99ff99	`#99ff99`

CIE-LAB	86.239, -32.381, 33.826
XYZ	51.758, 68.466, 39.341
xyY	0.324, 0.429, 68.466
CIE-LCH	86.239, 46.827, 133.75
CIE-LUV	86.239, -27.856, 52.182
Hunter-Lab	82.744, -33.147, 29.732
Binary	10101111, 11100111, 10010110

#afe796
```
#afe796 rgb(175,231,150)
```
#ce96e7
```
#ce96e7 rgb(206,150,231)
```

Complementary Color

#d8e796
```
#d8e796 rgb(216,231,150)
```
#afe796
```
#afe796 rgb(175,231,150)
```
#96e7a6
```
#96e7a6 rgb(150,231,166)
```

Analogous Color

#e796d8
```
#e796d8 rgb(231,150,216)
```
#afe796
```
#afe796 rgb(175,231,150)
```
#a696e7
```
#a696e7 rgb(166,150,231)
```

Split Complementary Color

#e796af
```
#e796af rgb(231,150,175)
```
#afe796
```
#afe796 rgb(175,231,150)
```
#96afe7
```
#96afe7 rgb(150,175,231)
```

Triadic Color

#e7ce96
```
#e7ce96 rgb(231,206,150)
```
#afe796
```
#afe796 rgb(175,231,150)
```
#96afe7
```
#96afe7 rgb(150,175,231)
```
#ce96e7
```
#ce96e7 rgb(206,150,231)
```

Tetradic Color

#80d958
```
#80d958 rgb(128,217,88)
```
#8fde6c
```
#8fde6c rgb(143,222,108)
```
#9fe281
```
#9fe281 rgb(159,226,129)
```
#afe796
```
#afe796 rgb(175,231,150)
```
#bfecab
```
#bfecab rgb(191,236,171)
```
#cff0c0
```
#cff0c0 rgb(207,240,192)
```
#def5d4
```
#def5d4 rgb(222,245,212)
```

Monochromatic Color

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

#c3e796
```
#c3e796 rgb(195,231,150)
```
#bde796
```
#bde796 rgb(189,231,150)
```
#b6e796
```
#b6e796 rgb(182,231,150)
```
#afe796
```
#afe796 rgb(175,231,150)
```
#a8e796
```
#a8e796 rgb(168,231,150)
```
#a2e796
```
#a2e796 rgb(162,231,150)
```
#9be796
```
#9be796 rgb(155,231,150)
```

Similar Colors

Text with hexadecimal color #afe796

This text has a font color of #afe796.

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

#afe796 background color

This paragraph has a background color of #afe796.

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

#afe796 border color

This element has a border color of #afe796.

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

CSS codes

.text {color:#afe796;}

.background {background-color:#afe796;}

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

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

#030702
```
#030702 rgb(3,7,2)
```
#0b1705
```
#0b1705 rgb(11,23,5)
```
#122709
```
#122709 rgb(18,39,9)
```
#1a370c
```
#1a370c rgb(26,55,12)
```
#214710
```
#214710 rgb(33,71,16)
```
#285714
```
#285714 rgb(40,87,20)
```
#306717
```
#306717 rgb(48,103,23)
```
#37771b
```
#37771b rgb(55,119,27)
```
#3f861f
```
#3f861f rgb(63,134,31)
```
#469622
```
#469622 rgb(70,150,34)
```
#4ea626
```
#4ea626 rgb(78,166,38)
```
#55b62a
```
#55b62a rgb(85,182,42)
```
#5dc62d
```
#5dc62d rgb(93,198,45)
```

Shade Color Variation

#66d136
```
#66d136 rgb(102,209,54)
```
#72d546
```
#72d546 rgb(114,213,70)
```
#7ed856
```
#7ed856 rgb(126,216,86)
```
#8bdc66
```
#8bdc66 rgb(139,220,102)
```
#97e076
```
#97e076 rgb(151,224,118)
```
#a3e386
```
#a3e386 rgb(163,227,134)
```
#afe796
```
#afe796 rgb(175,231,150)
```
#bbeba6
```
#bbeba6 rgb(187,235,166)
```
#c7eeb6
```
#c7eeb6 rgb(199,238,182)
```
#d3f2c6
```
#d3f2c6 rgb(211,242,198)
```
#e0f6d6
```
#e0f6d6 rgb(224,246,214)
```
#ecf9e6
```
#ecf9e6 rgb(236,249,230)
```
#f8fdf6
```
#f8fdf6 rgb(248,253,246)
```

Tint Color Variation

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

#bebfbe
```
#bebfbe rgb(190,191,190)
```
#bcc4b9
```
#bcc4b9 rgb(188,196,185)
```
#bac9b4
```
#bac9b4 rgb(186,201,180)
```
#b8ceaf
```
#b8ceaf rgb(184,206,175)
```
#b7d3aa
```
#b7d3aa rgb(183,211,170)
```
#b5d8a5
```
#b5d8a5 rgb(181,216,165)
```
#b3dda0
```
#b3dda0 rgb(179,221,160)
```
#b1e29b
```
#b1e29b rgb(177,226,155)
```
#afe796
```
#afe796 rgb(175,231,150)
```
#adec91
```
#adec91 rgb(173,236,145)
```
#abf18c
```
#abf18c rgb(171,241,140)
```
#a9f687
```
#a9f687 rgb(169,246,135)
```
#a7fb82
```
#a7fb82 rgb(167,251,130)
```

Tone Color Variation

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

Dichromacy

#ebd995 Protanopia 1% of men
#ffd1a5 Deuteranopia 1% of men
#c2dded Tritanopia 0.001% of the population

Trichromacy

#d5de95 Protanomaly 1% of men, 0.01% of women
#e1d99f Deuteranomaly 6% of men, 0.4% of women
#bbe1cd Tritanomaly 0.01% of the population

#afe796 hex color

#afe796 Color Information

#afe796 Color Conversion

Color Schemes with #afe796

Alternatives to #afe796

#afe796 Preview

Shades and Tints of #afe796

Tones of #afe796

Color Blindness Simulator