#afe899 hex color

In a RGB color space, hex #afe899 is composed of 68.6% red, 91% green and 60% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 34.1% yellow and 9% black. It has a hue angle of 103.3 degrees, a saturation of 63.2% and a lightness of 75.5%. #afe899 color hex could be obtained by blending #ffffff with #5fd133. Closest websafe color is: #99ff99.

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

● #afe899 color description : Very soft green.

The hexadecimal color #afe899 has RGB values of R:175, G:232, B:153 and CMYK values of C:0.25, M:0, Y:0.34, K:0.09. Its decimal value is 11528345.

Hex triplet	afe899	`#afe899`
RGB Decimal	175, 232, 153	`rgb(175,232,153)`
RGB Percent	68.6, 91, 60	`rgb(68.6%,91%,60%)`
CMYK	25, 0, 34, 9
HSL	103.3°, 63.2, 75.5	`hsl(103.3,63.2%,75.5%)`
HSV (or HSB)	103.3°, 34.1, 91
Web Safe	99ff99	`#99ff99`

CIE-LAB	86.566, -32.415, 32.741
XYZ	52.284, 69.126, 40.723
xyY	0.322, 0.426, 69.126
CIE-LCH	86.566, 46.072, 134.713
CIE-LUV	86.566, -28.35, 50.927
Hunter-Lab	83.142, -33.248, 29.159
Binary	10101111, 11101000, 10011001

#afe899
```
#afe899 rgb(175,232,153)
```
#d299e8
```
#d299e8 rgb(210,153,232)
```

Complementary Color

#d7e899
```
#d7e899 rgb(215,232,153)
```
#afe899
```
#afe899 rgb(175,232,153)
```
#99e8ab
```
#99e8ab rgb(153,232,171)
```

Analogous Color

#e899d7
```
#e899d7 rgb(232,153,215)
```
#afe899
```
#afe899 rgb(175,232,153)
```
#ab99e8
```
#ab99e8 rgb(171,153,232)
```

Split Complementary Color

#e899af
```
#e899af rgb(232,153,175)
```
#afe899
```
#afe899 rgb(175,232,153)
```
#99afe8
```
#99afe8 rgb(153,175,232)
```

Triadic Color

#e8d299
```
#e8d299 rgb(232,210,153)
```
#afe899
```
#afe899 rgb(175,232,153)
```
#99afe8
```
#99afe8 rgb(153,175,232)
```
#d299e8
```
#d299e8 rgb(210,153,232)
```

Tetradic Color

#7eda5b
```
#7eda5b rgb(126,218,91)
```
#8edf6f
```
#8edf6f rgb(142,223,111)
```
#9fe384
```
#9fe384 rgb(159,227,132)
```
#afe899
```
#afe899 rgb(175,232,153)
```
#bfedae
```
#bfedae rgb(191,237,174)
```
#d0f1c3
```
#d0f1c3 rgb(208,241,195)
```
#e0f6d7
```
#e0f6d7 rgb(224,246,215)
```

Monochromatic Color

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

#c3e899
```
#c3e899 rgb(195,232,153)
```
#bce899
```
#bce899 rgb(188,232,153)
```
#b6e899
```
#b6e899 rgb(182,232,153)
```
#afe899
```
#afe899 rgb(175,232,153)
```
#a8e899
```
#a8e899 rgb(168,232,153)
```
#a2e899
```
#a2e899 rgb(162,232,153)
```
#9be899
```
#9be899 rgb(155,232,153)
```

Similar Colors

Text with hexadecimal color #afe899

This text has a font color of #afe899.

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

#afe899 background color

This paragraph has a background color of #afe899.

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

#afe899 border color

This element has a border color of #afe899.

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

CSS codes

.text {color:#afe899;}

.background {background-color:#afe899;}

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

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, #040a02 is the darkest color, while #fafef9 is the lightest one.

#040a02
```
#040a02 rgb(4,10,2)
```
#0b1a06
```
#0b1a06 rgb(11,26,6)
```
#132a09
```
#132a09 rgb(19,42,9)
```
#1a3a0d
```
#1a3a0d rgb(26,58,13)
```
#214a11
```
#214a11 rgb(33,74,17)
```
#285a14
```
#285a14 rgb(40,90,20)
```
#2f6a18
```
#2f6a18 rgb(47,106,24)
```
#367a1c
```
#367a1c rgb(54,122,28)
```
#3d8a1f
```
#3d8a1f rgb(61,138,31)
```
#449a23
```
#449a23 rgb(68,154,35)
```
#4baa26
```
#4baa26 rgb(75,170,38)
```
#52ba2a
```
#52ba2a rgb(82,186,42)
```
#59ca2e
```
#59ca2e rgb(89,202,46)
```

Shade Color Variation

#64d239
```
#64d239 rgb(100,210,57)
```
#70d649
```
#70d649 rgb(112,214,73)
```
#7dda59
```
#7dda59 rgb(125,218,89)
```
#89dd69
```
#89dd69 rgb(137,221,105)
```
#96e179
```
#96e179 rgb(150,225,121)
```
#a2e489
```
#a2e489 rgb(162,228,137)
```
#afe899
```
#afe899 rgb(175,232,153)
```
#bceca9
```
#bceca9 rgb(188,236,169)
```
#c8efb9
```
#c8efb9 rgb(200,239,185)
```
#d5f3c9
```
#d5f3c9 rgb(213,243,201)
```
#e1f6d9
```
#e1f6d9 rgb(225,246,217)
```
#eefae9
```
#eefae9 rgb(238,250,233)
```
#fafef9
```
#fafef9 rgb(250,254,249)
```

Tint Color Variation

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

#c0c2bf
```
#c0c2bf rgb(192,194,191)
```
#bec6bb
```
#bec6bb rgb(190,198,187)
```
#bccbb6
```
#bccbb6 rgb(188,203,182)
```
#bad0b1
```
#bad0b1 rgb(186,208,177)
```
#b8d5ac
```
#b8d5ac rgb(184,213,172)
```
#b5daa7
```
#b5daa7 rgb(181,218,167)
```
#b3dea3
```
#b3dea3 rgb(179,222,163)
```
#b1e39e
```
#b1e39e rgb(177,227,158)
```
#afe899
```
#afe899 rgb(175,232,153)
```
#aded94
```
#aded94 rgb(173,237,148)
```
#abf28f
```
#abf28f rgb(171,242,143)
```
#a9f68b
```
#a9f68b rgb(169,246,139)
```
#a6fb86
```
#a6fb86 rgb(166,251,134)
```

Tone Color Variation

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

#ecda98 Protanopia 1% of men
#ffd2a8 Deuteranopia 1% of men
#c2deef Tritanopia 0.001% of the population

Trichromacy

#d5df98 Protanomaly 1% of men, 0.01% of women
#e1daa2 Deuteranomaly 6% of men, 0.4% of women
#bbe2cf Tritanomaly 0.01% of the population

#afe899 hex color

#afe899 Color Information

#afe899 Color Conversion

Color Schemes with #afe899

Alternatives to #afe899

#afe899 Preview

Shades and Tints of #afe899

Tones of #afe899

Color Blindness Simulator