#afe98f hex color

In a RGB color space, hex #afe98f is composed of 68.6% red, 91.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 24.9% cyan, 0% magenta, 38.6% yellow and 8.6% black. It has a hue angle of 98.7 degrees, a saturation of 67.2% and a lightness of 73.7%. #afe98f color hex could be obtained by blending #ffffff with #5fd31f. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 69
- G 91
- B 56
RGB color chart
- C 25
- M 0
- Y 39
- K 9
CMYK color chart

● #afe98f color description : Very soft green.

The hexadecimal color #afe98f has RGB values of R:175, G:233, B:143 and CMYK values of C:0.25, M:0, Y:0.39, K:0.09. Its decimal value is 11528591.

Hex triplet	afe98f	`#afe98f`
RGB Decimal	175, 233, 143	`rgb(175,233,143)`
RGB Percent	68.6, 91.4, 56.1	`rgb(68.6%,91.4%,56.1%)`
CMYK	25, 0, 39, 9
HSL	98.7°, 67.2, 73.7	`hsl(98.7,67.2%,73.7%)`
HSV (or HSB)	98.7°, 38.6, 91.4
Web Safe	99ff99	`#99ff99`

CIE-LAB	86.689, -34.277, 37.929
XYZ	51.774, 69.374, 36.648
xyY	0.328, 0.44, 69.374
CIE-LCH	86.689, 51.122, 132.105
CIE-LUV	86.689, -28.841, 57.431
Hunter-Lab	83.291, -34.802, 32.216
Binary	10101111, 11101001, 10001111

#afe98f
```
#afe98f rgb(175,233,143)
```
#c98fe9
```
#c98fe9 rgb(201,143,233)
```

Complementary Color

#dce98f
```
#dce98f rgb(220,233,143)
```
#afe98f
```
#afe98f rgb(175,233,143)
```
#8fe99c
```
#8fe99c rgb(143,233,156)
```

Analogous Color

#e98fdc
```
#e98fdc rgb(233,143,220)
```
#afe98f
```
#afe98f rgb(175,233,143)
```
#9c8fe9
```
#9c8fe9 rgb(156,143,233)
```

Split Complementary Color

#e98faf
```
#e98faf rgb(233,143,175)
```
#afe98f
```
#afe98f rgb(175,233,143)
```
#8fafe9
```
#8fafe9 rgb(143,175,233)
```

Triadic Color

#e9c98f
```
#e9c98f rgb(233,201,143)
```
#afe98f
```
#afe98f rgb(175,233,143)
```
#8fafe9
```
#8fafe9 rgb(143,175,233)
```
#c98fe9
```
#c98fe9 rgb(201,143,233)
```

Tetradic Color

#81dc4f
```
#81dc4f rgb(129,220,79)
```
#91e164
```
#91e164 rgb(145,225,100)
```
#a0e57a
```
#a0e57a rgb(160,229,122)
```
#afe98f
```
#afe98f rgb(175,233,143)
```
#beeda4
```
#beeda4 rgb(190,237,164)
```
#cdf1ba
```
#cdf1ba rgb(205,241,186)
```
#ddf6cf
```
#ddf6cf rgb(221,246,207)
```

Monochromatic Color

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

#c6e98f
```
#c6e98f rgb(198,233,143)
```
#bee98f
```
#bee98f rgb(190,233,143)
```
#b7e98f
```
#b7e98f rgb(183,233,143)
```
#afe98f
```
#afe98f rgb(175,233,143)
```
#a8e98f
```
#a8e98f rgb(168,233,143)
```
#a0e98f
```
#a0e98f rgb(160,233,143)
```
#99e98f
```
#99e98f rgb(153,233,143)
```

Similar Colors

Text with hexadecimal color #afe98f

This text has a font color of #afe98f.

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

#afe98f background color

This paragraph has a background color of #afe98f.

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

#afe98f border color

This element has a border color of #afe98f.

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

CSS codes

.text {color:#afe98f;}

.background {background-color:#afe98f;}

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

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

#010301
```
#010301 rgb(1,3,1)
```
#091304
```
#091304 rgb(9,19,4)
```
#112407
```
#112407 rgb(17,36,7)
```
#19340a
```
#19340a rgb(25,52,10)
```
#21440d
```
#21440d rgb(33,68,13)
```
#295511
```
#295511 rgb(41,85,17)
```
#316514
```
#316514 rgb(49,101,20)
```
#397617
```
#397617 rgb(57,118,23)
```
#41861a
```
#41861a rgb(65,134,26)
```
#48961e
```
#48961e rgb(72,150,30)
```
#50a721
```
#50a721 rgb(80,167,33)
```
#58b724
```
#58b724 rgb(88,183,36)
```
#60c827
```
#60c827 rgb(96,200,39)
```

Shade Color Variation

#69d62d
```
#69d62d rgb(105,214,45)
```
#74d93d
```
#74d93d rgb(116,217,61)
```
#80dc4d
```
#80dc4d rgb(128,220,77)
```
#8cdf5e
```
#8cdf5e rgb(140,223,94)
```
#98e36e
```
#98e36e rgb(152,227,110)
```
#a3e67f
```
#a3e67f rgb(163,230,127)
```
#afe98f
```
#afe98f rgb(175,233,143)
```
#bbec9f
```
#bbec9f rgb(187,236,159)
```
#c6efb0
```
#c6efb0 rgb(198,239,176)
```
#d2f3c0
```
#d2f3c0 rgb(210,243,192)
```
#def6d1
```
#def6d1 rgb(222,246,209)
```
#eaf9e1
```
#eaf9e1 rgb(234,249,225)
```
#f5fcf1
```
#f5fcf1 rgb(245,252,241)
```

Tint Color Variation

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

#bbc0b8
```
#bbc0b8 rgb(187,192,184)
```
#b9c5b3
```
#b9c5b3 rgb(185,197,179)
```
#b8caae
```
#b8caae rgb(184,202,174)
```
#b6cfa9
```
#b6cfa9 rgb(182,207,169)
```
#b5d4a4
```
#b5d4a4 rgb(181,212,164)
```
#b3da9e
```
#b3da9e rgb(179,218,158)
```
#b2df99
```
#b2df99 rgb(178,223,153)
```
#b0e494
```
#b0e494 rgb(176,228,148)
```
#afe98f
```
#afe98f rgb(175,233,143)
```
#aeee8a
```
#aeee8a rgb(174,238,138)
```
#acf385
```
#acf385 rgb(172,243,133)
```
#abf880
```
#abf880 rgb(171,248,128)
```
#a9fe7a
```
#a9fe7a rgb(169,254,122)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c7d3c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edda8f Protanopia 1% of men
#ffd3a5 Deuteranopia 1% of men
#c3dfef Tritanopia 0.001% of the population

Trichromacy

#d6e08f Protanomaly 1% of men, 0.01% of women
#e1db9d Deuteranomaly 6% of men, 0.4% of women
#bce2cc Tritanomaly 0.01% of the population

#afe98f hex color

#afe98f Color Information

#afe98f Color Conversion

Color Schemes with #afe98f

Alternatives to #afe98f

#afe98f Preview

Shades and Tints of #afe98f

Tones of #afe98f

Color Blindness Simulator