#afe498 hex color

In a RGB color space, hex #afe498 is composed of 68.6% red, 89.4% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 0% magenta, 33.3% yellow and 10.6% black. It has a hue angle of 101.8 degrees, a saturation of 58.5% and a lightness of 74.5%. #afe498 color hex could be obtained by blending #ffffff with #5fc931. 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

● #afe498 color description : Very soft green.

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

Hex triplet	afe498	`#afe498`
RGB Decimal	175, 228, 152	`rgb(175,228,152)`
RGB Percent	68.6, 89.4, 59.6	`rgb(68.6%,89.4%,59.6%)`
CMYK	23, 0, 33, 11
HSL	101.8°, 58.5, 74.5	`hsl(101.8,58.5%,74.5%)`
HSV (or HSB)	101.8°, 33.3, 89.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	85.436, -30.691, 31.748
XYZ	51.088, 66.866, 39.919
xyY	0.324, 0.424, 66.866
CIE-LCH	85.436, 44.157, 134.031
CIE-LUV	85.436, -26.379, 49.245
Hunter-Lab	81.772, -31.58, 28.297
Binary	10101111, 11100100, 10011000

#afe498
```
#afe498 rgb(175,228,152)
```
#cd98e4
```
#cd98e4 rgb(205,152,228)
```

Complementary Color

#d5e498
```
#d5e498 rgb(213,228,152)
```
#afe498
```
#afe498 rgb(175,228,152)
```
#98e4a7
```
#98e4a7 rgb(152,228,167)
```

Analogous Color

#e498d5
```
#e498d5 rgb(228,152,213)
```
#afe498
```
#afe498 rgb(175,228,152)
```
#a798e4
```
#a798e4 rgb(167,152,228)
```

Split Complementary Color

#e498af
```
#e498af rgb(228,152,175)
```
#afe498
```
#afe498 rgb(175,228,152)
```
#98afe4
```
#98afe4 rgb(152,175,228)
```

Triadic Color

#e4cd98
```
#e4cd98 rgb(228,205,152)
```
#afe498
```
#afe498 rgb(175,228,152)
```
#98afe4
```
#98afe4 rgb(152,175,228)
```
#cd98e4
```
#cd98e4 rgb(205,152,228)
```

Tetradic Color

#80d45b
```
#80d45b rgb(128,212,91)
```
#90d970
```
#90d970 rgb(144,217,112)
```
#9fdf84
```
#9fdf84 rgb(159,223,132)
```
#afe498
```
#afe498 rgb(175,228,152)
```
#bfe9ac
```
#bfe9ac rgb(191,233,172)
```
#ceefc0
```
#ceefc0 rgb(206,239,192)
```
#def4d5
```
#def4d5 rgb(222,244,213)
```

Monochromatic Color

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

#c2e498
```
#c2e498 rgb(194,228,152)
```
#bce498
```
#bce498 rgb(188,228,152)
```
#b5e498
```
#b5e498 rgb(181,228,152)
```
#afe498
```
#afe498 rgb(175,228,152)
```
#a9e498
```
#a9e498 rgb(169,228,152)
```
#a2e498
```
#a2e498 rgb(162,228,152)
```
#9ce498
```
#9ce498 rgb(156,228,152)
```

Similar Colors

Text with hexadecimal color #afe498

This text has a font color of #afe498.

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

#afe498 background color

This paragraph has a background color of #afe498.

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

#afe498 border color

This element has a border color of #afe498.

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

CSS codes

.text {color:#afe498;}

.background {background-color:#afe498;}

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

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

#030602
```
#030602 rgb(3,6,2)
```
#0a1506
```
#0a1506 rgb(10,21,6)
```
#12250a
```
#12250a rgb(18,37,10)
```
#19340e
```
#19340e rgb(25,52,14)
```
#214412
```
#214412 rgb(33,68,18)
```
#295316
```
#295316 rgb(41,83,22)
```
#30631a
```
#30631a rgb(48,99,26)
```
#38731e
```
#38731e rgb(56,115,30)
```
#3f8222
```
#3f8222 rgb(63,130,34)
```
#479226
```
#479226 rgb(71,146,38)
```
#4ea12a
```
#4ea12a rgb(78,161,42)
```
#56b12e
```
#56b12e rgb(86,177,46)
```
#5dc032
```
#5dc032 rgb(93,192,50)
```

Shade Color Variation

#67cc3b
```
#67cc3b rgb(103,204,59)
```
#73d04a
```
#73d04a rgb(115,208,74)
```
#7fd45a
```
#7fd45a rgb(127,212,90)
```
#8bd869
```
#8bd869 rgb(139,216,105)
```
#97dc79
```
#97dc79 rgb(151,220,121)
```
#a3e088
```
#a3e088 rgb(163,224,136)
```
#afe498
```
#afe498 rgb(175,228,152)
```
#bbe8a8
```
#bbe8a8 rgb(187,232,168)
```
#c7ecb7
```
#c7ecb7 rgb(199,236,183)
```
#d3f0c7
```
#d3f0c7 rgb(211,240,199)
```
#dff4d6
```
#dff4d6 rgb(223,244,214)
```
#ebf8e6
```
#ebf8e6 rgb(235,248,230)
```
#f7fcf5
```
#f7fcf5 rgb(247,252,245)
```

Tint Color Variation

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

#bdc1bb
```
#bdc1bb rgb(189,193,187)
```
#bbc6b6
```
#bbc6b6 rgb(187,198,182)
```
#b9cbb1
```
#b9cbb1 rgb(185,203,177)
```
#b7d0ac
```
#b7d0ac rgb(183,208,172)
```
#b5d5a7
```
#b5d5a7 rgb(181,213,167)
```
#b3daa2
```
#b3daa2 rgb(179,218,162)
```
#b1df9d
```
#b1df9d rgb(177,223,157)
```
#afe498
```
#afe498 rgb(175,228,152)
```
#ade993
```
#ade993 rgb(173,233,147)
```
#abee8e
```
#abee8e rgb(171,238,142)
```
#a9f389
```
#a9f389 rgb(169,243,137)
```
#a7f884
```
#a7f884 rgb(167,248,132)
```
#a5fd7f
```
#a5fd7f rgb(165,253,127)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c5d0c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d797 Protanopia 1% of men
#fccfa4 Deuteranopia 1% of men
#c1dbeb Tritanopia 0.001% of the population

Trichromacy

#d3dc97 Protanomaly 1% of men, 0.01% of women
#e0d69f Deuteranomaly 6% of men, 0.4% of women
#bbdecc Tritanomaly 0.01% of the population

#afe498 hex color

#afe498 Color Information

#afe498 Color Conversion

Color Schemes with #afe498

Alternatives to #afe498

#afe498 Preview

Shades and Tints of #afe498

Tones of #afe498

Color Blindness Simulator