#afe09a hex color

In a RGB color space, hex #afe09a is composed of 68.6% red, 87.8% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 0% magenta, 31.3% yellow and 12.2% black. It has a hue angle of 102 degrees, a saturation of 53% and a lightness of 74.1%. #afe09a color hex could be obtained by blending #ffffff with #5fc135. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 88
- B 60
RGB color chart
- C 22
- M 0
- Y 31
- K 12
CMYK color chart

● #afe09a color description : Very soft green.

The hexadecimal color #afe09a has RGB values of R:175, G:224, B:154 and CMYK values of C:0.22, M:0, Y:0.31, K:0.12. Its decimal value is 11526298.

Hex triplet	afe09a	`#afe09a`
RGB Decimal	175, 224, 154	`rgb(175,224,154)`
RGB Percent	68.6, 87.8, 60.4	`rgb(68.6%,87.8%,60.4%)`
CMYK	22, 0, 31, 12
HSL	102°, 53, 74.1	`hsl(102,53%,74.1%)`
HSV (or HSB)	102°, 31.3, 87.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	84.358, -28.506, 29.285
XYZ	50.166, 64.757, 40.426
xyY	0.323, 0.417, 64.757
CIE-LCH	84.358, 40.868, 134.228
CIE-LUV	84.358, -24.402, 45.677
Hunter-Lab	80.472, -29.549, 26.545
Binary	10101111, 11100000, 10011010

#afe09a
```
#afe09a rgb(175,224,154)
```
#cb9ae0
```
#cb9ae0 rgb(203,154,224)
```

Complementary Color

#d2e09a
```
#d2e09a rgb(210,224,154)
```
#afe09a
```
#afe09a rgb(175,224,154)
```
#9ae0a8
```
#9ae0a8 rgb(154,224,168)
```

Analogous Color

#e09ad2
```
#e09ad2 rgb(224,154,210)
```
#afe09a
```
#afe09a rgb(175,224,154)
```
#a89ae0
```
#a89ae0 rgb(168,154,224)
```

Split Complementary Color

#e09aaf
```
#e09aaf rgb(224,154,175)
```
#afe09a
```
#afe09a rgb(175,224,154)
```
#9aafe0
```
#9aafe0 rgb(154,175,224)
```

Triadic Color

#e0cb9a
```
#e0cb9a rgb(224,203,154)
```
#afe09a
```
#afe09a rgb(175,224,154)
```
#9aafe0
```
#9aafe0 rgb(154,175,224)
```
#cb9ae0
```
#cb9ae0 rgb(203,154,224)
```

Tetradic Color

#81ce5f
```
#81ce5f rgb(129,206,95)
```
#90d473
```
#90d473 rgb(144,212,115)
```
#a0da86
```
#a0da86 rgb(160,218,134)
```
#afe09a
```
#afe09a rgb(175,224,154)
```
#bee6ae
```
#bee6ae rgb(190,230,174)
```
#ceecc1
```
#ceecc1 rgb(206,236,193)
```
#ddf2d5
```
#ddf2d5 rgb(221,242,213)
```

Monochromatic Color

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

#c1e09a
```
#c1e09a rgb(193,224,154)
```
#bbe09a
```
#bbe09a rgb(187,224,154)
```
#b5e09a
```
#b5e09a rgb(181,224,154)
```
#afe09a
```
#afe09a rgb(175,224,154)
```
#a9e09a
```
#a9e09a rgb(169,224,154)
```
#a3e09a
```
#a3e09a rgb(163,224,154)
```
#9ee09a
```
#9ee09a rgb(158,224,154)
```

Similar Colors

Text with hexadecimal color #afe09a

This text has a font color of #afe09a.

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

#afe09a background color

This paragraph has a background color of #afe09a.

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

#afe09a border color

This element has a border color of #afe09a.

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

CSS codes

.text {color:#afe09a;}

.background {background-color:#afe09a;}

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

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

#020401
```
#020401 rgb(2,4,1)
```
#0a1306
```
#0a1306 rgb(10,19,6)
```
#12220a
```
#12220a rgb(18,34,10)
```
#19310f
```
#19310f rgb(25,49,15)
```
#214014
```
#214014 rgb(33,64,20)
```
#294f18
```
#294f18 rgb(41,79,24)
```
#305e1d
```
#305e1d rgb(48,94,29)
```
#386d21
```
#386d21 rgb(56,109,33)
```
#407c26
```
#407c26 rgb(64,124,38)
```
#488b2b
```
#488b2b rgb(72,139,43)
```
#4f9a2f
```
#4f9a2f rgb(79,154,47)
```
#57a934
```
#57a934 rgb(87,169,52)
```
#5fb839
```
#5fb839 rgb(95,184,57)
```

Shade Color Variation

#68c440
```
#68c440 rgb(104,196,64)
```
#74c94f
```
#74c94f rgb(116,201,79)
```
#7fce5e
```
#7fce5e rgb(127,206,94)
```
#8bd26d
```
#8bd26d rgb(139,210,109)
```
#97d77c
```
#97d77c rgb(151,215,124)
```
#a3db8b
```
#a3db8b rgb(163,219,139)
```
#afe09a
```
#afe09a rgb(175,224,154)
```
#bbe5a9
```
#bbe5a9 rgb(187,229,169)
```
#c7e9b8
```
#c7e9b8 rgb(199,233,184)
```
#d3eec7
```
#d3eec7 rgb(211,238,199)
```
#dff2d6
```
#dff2d6 rgb(223,242,214)
```
#eaf7e5
```
#eaf7e5 rgb(234,247,229)
```
#f6fcf4
```
#f6fcf4 rgb(246,252,244)
```

Tint Color Variation

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

#bbc2b8
```
#bbc2b8 rgb(187,194,184)
```
#b9c7b3
```
#b9c7b3 rgb(185,199,179)
```
#b7ccae
```
#b7ccae rgb(183,204,174)
```
#b5d1a9
```
#b5d1a9 rgb(181,209,169)
```
#b3d6a4
```
#b3d6a4 rgb(179,214,164)
```
#b1db9f
```
#b1db9f rgb(177,219,159)
```
#afe09a
```
#afe09a rgb(175,224,154)
```
#ade595
```
#ade595 rgb(173,229,149)
```
#abea90
```
#abea90 rgb(171,234,144)
```
#a9ef8b
```
#a9ef8b rgb(169,239,139)
```
#a7f486
```
#a7f486 rgb(167,244,134)
```
#a5f981
```
#a5f981 rgb(165,249,129)
```
#a3fe7c
```
#a3fe7c rgb(163,254,124)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c4cec0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d499 Protanopia 1% of men
#f8cca6 Deuteranopia 1% of men
#c0d8e7 Tritanopia 0.001% of the population

Trichromacy

#d1d899 Protanomaly 1% of men, 0.01% of women
#ddd3a1 Deuteranomaly 6% of men, 0.4% of women
#badbcb Tritanomaly 0.01% of the population

#afe09a hex color

#afe09a Color Information

#afe09a Color Conversion

Color Schemes with #afe09a

Alternatives to #afe09a

#afe09a Preview

Shades and Tints of #afe09a

Tones of #afe09a

Color Blindness Simulator