#afe299 hex color

In a RGB color space, hex #afe299 is composed of 68.6% red, 88.6% green and 60% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 0% magenta, 32.3% yellow and 11.4% black. It has a hue angle of 101.9 degrees, a saturation of 55.7% and a lightness of 74.3%. #afe299 color hex could be obtained by blending #ffffff with #5fc533. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 89
- B 60
RGB color chart
- C 23
- M 0
- Y 32
- K 11
CMYK color chart

● #afe299 color description : Very soft green.

The hexadecimal color #afe299 has RGB values of R:175, G:226, B:153 and CMYK values of C:0.23, M:0, Y:0.32, K:0.11. Its decimal value is 11526809.

Hex triplet	afe299	`#afe299`
RGB Decimal	175, 226, 153	`rgb(175,226,153)`
RGB Percent	68.6, 88.6, 60	`rgb(68.6%,88.6%,60%)`
CMYK	23, 0, 32, 11
HSL	101.9°, 55.7, 74.3	`hsl(101.9,55.7%,74.3%)`
HSV (or HSB)	101.9°, 32.3, 88.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	84.897, -29.603, 30.518
XYZ	50.624, 65.805, 40.17
xyY	0.323, 0.42, 65.805
CIE-LCH	84.897, 42.517, 134.127
CIE-LUV	84.897, -25.391, 47.469
Hunter-Lab	81.12, -30.567, 27.425
Binary	10101111, 11100010, 10011001

#afe299
```
#afe299 rgb(175,226,153)
```
#cc99e2
```
#cc99e2 rgb(204,153,226)
```

Complementary Color

#d4e299
```
#d4e299 rgb(212,226,153)
```
#afe299
```
#afe299 rgb(175,226,153)
```
#99e2a8
```
#99e2a8 rgb(153,226,168)
```

Analogous Color

#e299d4
```
#e299d4 rgb(226,153,212)
```
#afe299
```
#afe299 rgb(175,226,153)
```
#a899e2
```
#a899e2 rgb(168,153,226)
```

Split Complementary Color

#e299af
```
#e299af rgb(226,153,175)
```
#afe299
```
#afe299 rgb(175,226,153)
```
#99afe2
```
#99afe2 rgb(153,175,226)
```

Triadic Color

#e2cc99
```
#e2cc99 rgb(226,204,153)
```
#afe299
```
#afe299 rgb(175,226,153)
```
#99afe2
```
#99afe2 rgb(153,175,226)
```
#cc99e2
```
#cc99e2 rgb(204,153,226)
```

Tetradic Color

#80d15d
```
#80d15d rgb(128,209,93)
```
#90d771
```
#90d771 rgb(144,215,113)
```
#9fdc85
```
#9fdc85 rgb(159,220,133)
```
#afe299
```
#afe299 rgb(175,226,153)
```
#bfe8ad
```
#bfe8ad rgb(191,232,173)
```
#ceedc1
```
#ceedc1 rgb(206,237,193)
```
#def3d5
```
#def3d5 rgb(222,243,213)
```

Monochromatic Color

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

#c1e299
```
#c1e299 rgb(193,226,153)
```
#bbe299
```
#bbe299 rgb(187,226,153)
```
#b5e299
```
#b5e299 rgb(181,226,153)
```
#afe299
```
#afe299 rgb(175,226,153)
```
#a9e299
```
#a9e299 rgb(169,226,153)
```
#a3e299
```
#a3e299 rgb(163,226,153)
```
#9de299
```
#9de299 rgb(157,226,153)
```

Similar Colors

Text with hexadecimal color #afe299

This text has a font color of #afe299.

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

#afe299 background color

This paragraph has a background color of #afe299.

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

#afe299 border color

This element has a border color of #afe299.

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

CSS codes

.text {color:#afe299;}

.background {background-color:#afe299;}

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

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

#020501
```
#020501 rgb(2,5,1)
```
#0a1406
```
#0a1406 rgb(10,20,6)
```
#12230a
```
#12230a rgb(18,35,10)
```
#19330e
```
#19330e rgb(25,51,14)
```
#214213
```
#214213 rgb(33,66,19)
```
#295117
```
#295117 rgb(41,81,23)
```
#30611b
```
#30611b rgb(48,97,27)
```
#387020
```
#387020 rgb(56,112,32)
```
#407f24
```
#407f24 rgb(64,127,36)
```
#478e28
```
#478e28 rgb(71,142,40)
```
#4f9e2d
```
#4f9e2d rgb(79,158,45)
```
#56ad31
```
#56ad31 rgb(86,173,49)
```
#5ebc36
```
#5ebc36 rgb(94,188,54)
```

Shade Color Variation

#67c83d
```
#67c83d rgb(103,200,61)
```
#73cc4d
```
#73cc4d rgb(115,204,77)
```
#7fd15c
```
#7fd15c rgb(127,209,92)
```
#8bd56b
```
#8bd56b rgb(139,213,107)
```
#97d97a
```
#97d97a rgb(151,217,122)
```
#a3de8a
```
#a3de8a rgb(163,222,138)
```
#afe299
```
#afe299 rgb(175,226,153)
```
#bbe6a8
```
#bbe6a8 rgb(187,230,168)
```
#c7ebb8
```
#c7ebb8 rgb(199,235,184)
```
#d3efc7
```
#d3efc7 rgb(211,239,199)
```
#dff3d6
```
#dff3d6 rgb(223,243,214)
```
#ebf8e5
```
#ebf8e5 rgb(235,248,229)
```
#f7fcf5
```
#f7fcf5 rgb(247,252,245)
```

Tint Color Variation

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

#bdbfbc
```
#bdbfbc rgb(189,191,188)
```
#bbc4b7
```
#bbc4b7 rgb(187,196,183)
```
#b9c9b2
```
#b9c9b2 rgb(185,201,178)
```
#b7cead
```
#b7cead rgb(183,206,173)
```
#b5d3a8
```
#b5d3a8 rgb(181,211,168)
```
#b3d8a3
```
#b3d8a3 rgb(179,216,163)
```
#b1dd9e
```
#b1dd9e rgb(177,221,158)
```
#afe299
```
#afe299 rgb(175,226,153)
```
#ade794
```
#ade794 rgb(173,231,148)
```
#abec8f
```
#abec8f rgb(171,236,143)
```
#a9f18a
```
#a9f18a rgb(169,241,138)
```
#a7f685
```
#a7f685 rgb(167,246,133)
```
#a5fb80
```
#a5fb80 rgb(165,251,128)
```

Tone Color Variation

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

Dichromacy

#e6d698 Protanopia 1% of men
#facea5 Deuteranopia 1% of men
#c1d9e9 Tritanopia 0.001% of the population

Trichromacy

#d2da98 Protanomaly 1% of men, 0.01% of women
#dfd5a0 Deuteranomaly 6% of men, 0.4% of women
#badccc Tritanomaly 0.01% of the population

#afe299 hex color

#afe299 Color Information

#afe299 Color Conversion

Color Schemes with #afe299

Alternatives to #afe299

#afe299 Preview

Shades and Tints of #afe299

Tones of #afe299

Color Blindness Simulator