#afde98 hex color

In a RGB color space, hex #afde98 is composed of 68.6% red, 87.1% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 31.5% yellow and 12.9% black. It has a hue angle of 100.3 degrees, a saturation of 51.5% and a lightness of 73.3%. #afde98 color hex could be obtained by blending #ffffff with #5fbd31. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 87
- B 60
RGB color chart
- C 21
- M 0
- Y 32
- K 13
CMYK color chart

● #afde98 color description : Very soft green.

The hexadecimal color #afde98 has RGB values of R:175, G:222, B:152 and CMYK values of C:0.21, M:0, Y:0.32, K:0.13. Its decimal value is 11525784.

Hex triplet	afde98	`#afde98`
RGB Decimal	175, 222, 152	`rgb(175,222,152)`
RGB Percent	68.6, 87.1, 59.6	`rgb(68.6%,87.1%,59.6%)`
CMYK	21, 0, 32, 13
HSL	100.3°, 51.5, 73.3	`hsl(100.3,51.5%,73.3%)`
HSV (or HSB)	100.3°, 31.5, 87.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.769, -27.852, 29.522
XYZ	49.466, 63.622, 39.378
xyY	0.324, 0.417, 63.622
CIE-LCH	83.769, 40.586, 133.333
CIE-LUV	83.769, -23.391, 45.773
Hunter-Lab	79.764, -28.888, 26.564
Binary	10101111, 11011110, 10011000

#afde98
```
#afde98 rgb(175,222,152)
```
#c798de
```
#c798de rgb(199,152,222)
```

Complementary Color

#d2de98
```
#d2de98 rgb(210,222,152)
```
#afde98
```
#afde98 rgb(175,222,152)
```
#98dea4
```
#98dea4 rgb(152,222,164)
```

Analogous Color

#de98d2
```
#de98d2 rgb(222,152,210)
```
#afde98
```
#afde98 rgb(175,222,152)
```
#a498de
```
#a498de rgb(164,152,222)
```

Split Complementary Color

#de98af
```
#de98af rgb(222,152,175)
```
#afde98
```
#afde98 rgb(175,222,152)
```
#98afde
```
#98afde rgb(152,175,222)
```

Triadic Color

#dec798
```
#dec798 rgb(222,199,152)
```
#afde98
```
#afde98 rgb(175,222,152)
```
#98afde
```
#98afde rgb(152,175,222)
```
#c798de
```
#c798de rgb(199,152,222)
```

Tetradic Color

#82cb5e
```
#82cb5e rgb(130,203,94)
```
#91d271
```
#91d271 rgb(145,210,113)
```
#a0d885
```
#a0d885 rgb(160,216,133)
```
#afde98
```
#afde98 rgb(175,222,152)
```
#bee4ab
```
#bee4ab rgb(190,228,171)
```
#cdeabf
```
#cdeabf rgb(205,234,191)
```
#dcf1d2
```
#dcf1d2 rgb(220,241,210)
```

Monochromatic Color

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

#c1de98
```
#c1de98 rgb(193,222,152)
```
#bbde98
```
#bbde98 rgb(187,222,152)
```
#b5de98
```
#b5de98 rgb(181,222,152)
```
#afde98
```
#afde98 rgb(175,222,152)
```
#a9de98
```
#a9de98 rgb(169,222,152)
```
#a3de98
```
#a3de98 rgb(163,222,152)
```
#9ede98
```
#9ede98 rgb(158,222,152)
```

Similar Colors

Text with hexadecimal color #afde98

This text has a font color of #afde98.

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

#afde98 background color

This paragraph has a background color of #afde98.

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

#afde98 border color

This element has a border color of #afde98.

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

CSS codes

.text {color:#afde98;}

.background {background-color:#afde98;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#091005
```
#091005 rgb(9,16,5)
```
#111f0a
```
#111f0a rgb(17,31,10)
```
#192e0f
```
#192e0f rgb(25,46,15)
```
#213c13
```
#213c13 rgb(33,60,19)
```
#294b18
```
#294b18 rgb(41,75,24)
```
#315a1d
```
#315a1d rgb(49,90,29)
```
#396922
```
#396922 rgb(57,105,34)
```
#417826
```
#417826 rgb(65,120,38)
```
#49872b
```
#49872b rgb(73,135,43)
```
#519630
```
#519630 rgb(81,150,48)
```
#59a435
```
#59a435 rgb(89,164,53)
```
#61b339
```
#61b339 rgb(97,179,57)
```

Shade Color Variation

#6ac13f
```
#6ac13f rgb(106,193,63)
```
#75c64e
```
#75c64e rgb(117,198,78)
```
#81cb5d
```
#81cb5d rgb(129,203,93)
```
#8cd06b
```
#8cd06b rgb(140,208,107)
```
#98d47a
```
#98d47a rgb(152,212,122)
```
#a3d989
```
#a3d989 rgb(163,217,137)
```
#afde98
```
#afde98 rgb(175,222,152)
```
#bbe3a7
```
#bbe3a7 rgb(187,227,167)
```
#c6e8b6
```
#c6e8b6 rgb(198,232,182)
```
#d2ecc5
```
#d2ecc5 rgb(210,236,197)
```
#ddf1d3
```
#ddf1d3 rgb(221,241,211)
```
#e9f6e2
```
#e9f6e2 rgb(233,246,226)
```
#f4fbf1
```
#f4fbf1 rgb(244,251,241)
```

Tint Color Variation

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

#babfb7
```
#babfb7 rgb(186,191,183)
```
#b8c4b2
```
#b8c4b2 rgb(184,196,178)
```
#b6c9ad
```
#b6c9ad rgb(182,201,173)
```
#b4cea8
```
#b4cea8 rgb(180,206,168)
```
#b3d4a2
```
#b3d4a2 rgb(179,212,162)
```
#b1d99d
```
#b1d99d rgb(177,217,157)
```
#afde98
```
#afde98 rgb(175,222,152)
```
#ade393
```
#ade393 rgb(173,227,147)
```
#abe88e
```
#abe88e rgb(171,232,142)
```
#aaee88
```
#aaee88 rgb(170,238,136)
```
#a8f383
```
#a8f383 rgb(168,243,131)
```
#a6f87e
```
#a6f87e rgb(166,248,126)
```
#a4fd79
```
#a4fd79 rgb(164,253,121)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c3ccbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d398 Protanopia 1% of men
#f6cba3 Deuteranopia 1% of men
#c0d6e5 Tritanopia 0.001% of the population

Trichromacy

#d0d798 Protanomaly 1% of men, 0.01% of women
#dcd29f Deuteranomaly 6% of men, 0.4% of women
#bad9c9 Tritanomaly 0.01% of the population

#afde98 hex color

#afde98 Color Information

#afde98 Color Conversion

Color Schemes with #afde98

Alternatives to #afde98

#afde98 Preview

Shades and Tints of #afde98

Tones of #afde98

Color Blindness Simulator