#afe298 hex color

In a RGB color space, hex #afe298 is composed of 68.6% red, 88.6% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 0% magenta, 32.7% yellow and 11.4% black. It has a hue angle of 101.4 degrees, a saturation of 56.1% and a lightness of 74.1%. #afe298 color hex could be obtained by blending #ffffff with #5fc531. Closest websafe color is: #99cc99.

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

● #afe298 color description : Very soft green.

The hexadecimal color #afe298 has RGB values of R:175, G:226, B:152 and CMYK values of C:0.23, M:0, Y:0.33, K:0.11. Its decimal value is 11526808.

Hex triplet	afe298	`#afe298`
RGB Decimal	175, 226, 152	`rgb(175,226,152)`
RGB Percent	68.6, 88.6, 59.6	`rgb(68.6%,88.6%,59.6%)`
CMYK	23, 0, 33, 11
HSL	101.4°, 56.1, 74.1	`hsl(101.4,56.1%,74.1%)`
HSV (or HSB)	101.4°, 32.7, 88.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	84.88, -29.75, 31.007
XYZ	50.541, 65.772, 39.737
xyY	0.324, 0.421, 65.772
CIE-LCH	84.88, 42.971, 133.815
CIE-LUV	84.88, -25.387, 48.092
Hunter-Lab	81.1, -30.685, 27.72
Binary	10101111, 11100010, 10011000

#afe298
```
#afe298 rgb(175,226,152)
```
#cb98e2
```
#cb98e2 rgb(203,152,226)
```

Complementary Color

#d4e298
```
#d4e298 rgb(212,226,152)
```
#afe298
```
#afe298 rgb(175,226,152)
```
#98e2a6
```
#98e2a6 rgb(152,226,166)
```

Analogous Color

#e298d4
```
#e298d4 rgb(226,152,212)
```
#afe298
```
#afe298 rgb(175,226,152)
```
#a698e2
```
#a698e2 rgb(166,152,226)
```

Split Complementary Color

#e298af
```
#e298af rgb(226,152,175)
```
#afe298
```
#afe298 rgb(175,226,152)
```
#98afe2
```
#98afe2 rgb(152,175,226)
```

Triadic Color

#e2cb98
```
#e2cb98 rgb(226,203,152)
```
#afe298
```
#afe298 rgb(175,226,152)
```
#98afe2
```
#98afe2 rgb(152,175,226)
```
#cb98e2
```
#cb98e2 rgb(203,152,226)
```

Tetradic Color

#81d15c
```
#81d15c rgb(129,209,92)
```
#90d770
```
#90d770 rgb(144,215,112)
```
#a0dc84
```
#a0dc84 rgb(160,220,132)
```
#afe298
```
#afe298 rgb(175,226,152)
```
#bee8ac
```
#bee8ac rgb(190,232,172)
```
#ceedc0
```
#ceedc0 rgb(206,237,192)
```
#ddf3d4
```
#ddf3d4 rgb(221,243,212)
```

Monochromatic Color

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

#c2e298
```
#c2e298 rgb(194,226,152)
```
#bbe298
```
#bbe298 rgb(187,226,152)
```
#b5e298
```
#b5e298 rgb(181,226,152)
```
#afe298
```
#afe298 rgb(175,226,152)
```
#a9e298
```
#a9e298 rgb(169,226,152)
```
#a3e298
```
#a3e298 rgb(163,226,152)
```
#9de298
```
#9de298 rgb(157,226,152)
```

Similar Colors

Text with hexadecimal color #afe298

This text has a font color of #afe298.

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

#afe298 background color

This paragraph has a background color of #afe298.

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

#afe298 border color

This element has a border color of #afe298.

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

CSS codes

.text {color:#afe298;}

.background {background-color:#afe298;}

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

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)
```
#0a1305
```
#0a1305 rgb(10,19,5)
```
#12230a
```
#12230a rgb(18,35,10)
```
#19320e
```
#19320e rgb(25,50,14)
```
#214112
```
#214112 rgb(33,65,18)
```
#295117
```
#295117 rgb(41,81,23)
```
#30601b
```
#30601b rgb(48,96,27)
```
#386f1f
```
#386f1f rgb(56,111,31)
```
#407f24
```
#407f24 rgb(64,127,36)
```
#488e28
```
#488e28 rgb(72,142,40)
```
#4f9d2c
```
#4f9d2c rgb(79,157,44)
```
#57ad31
```
#57ad31 rgb(87,173,49)
```
#5fbc35
```
#5fbc35 rgb(95,188,53)
```

Shade Color Variation

#68c83c
```
#68c83c rgb(104,200,60)
```
#74cc4b
```
#74cc4b rgb(116,204,75)
```
#7fd15b
```
#7fd15b rgb(127,209,91)
```
#8bd56a
```
#8bd56a rgb(139,213,106)
```
#97d979
```
#97d979 rgb(151,217,121)
```
#a3de89
```
#a3de89 rgb(163,222,137)
```
#afe298
```
#afe298 rgb(175,226,152)
```
#bbe6a7
```
#bbe6a7 rgb(187,230,167)
```
#c7ebb7
```
#c7ebb7 rgb(199,235,183)
```
#d3efc6
```
#d3efc6 rgb(211,239,198)
```
#dff3d5
```
#dff3d5 rgb(223,243,213)
```
#eaf8e5
```
#eaf8e5 rgb(234,248,229)
```
#f6fcf4
```
#f6fcf4 rgb(246,252,244)
```

Tint Color Variation

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

#bcbebc
```
#bcbebc rgb(188,190,188)
```
#bbc4b6
```
#bbc4b6 rgb(187,196,182)
```
#b9c9b1
```
#b9c9b1 rgb(185,201,177)
```
#b7ceac
```
#b7ceac rgb(183,206,172)
```
#b5d3a7
```
#b5d3a7 rgb(181,211,167)
```
#b3d8a2
```
#b3d8a2 rgb(179,216,162)
```
#b1dd9d
```
#b1dd9d rgb(177,221,157)
```
#afe298
```
#afe298 rgb(175,226,152)
```
#ade793
```
#ade793 rgb(173,231,147)
```
#abec8e
```
#abec8e rgb(171,236,142)
```
#a9f189
```
#a9f189 rgb(169,241,137)
```
#a7f684
```
#a7f684 rgb(167,246,132)
```
#a5fb7f
```
#a5fb7f rgb(165,251,127)
```

Tone Color Variation

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

#e6d597 Protanopia 1% of men
#facda4 Deuteranopia 1% of men
#c1d9e9 Tritanopia 0.001% of the population

Trichromacy

#d2da97 Protanomaly 1% of men, 0.01% of women
#dfd59f Deuteranomaly 6% of men, 0.4% of women
#badccb Tritanomaly 0.01% of the population

#afe298 hex color

#afe298 Color Information

#afe298 Color Conversion

Color Schemes with #afe298

Alternatives to #afe298

#afe298 Preview

Shades and Tints of #afe298

Tones of #afe298

Color Blindness Simulator