#afde8b hex color

In a RGB color space, hex #afde8b is composed of 68.6% red, 87.1% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 37.4% yellow and 12.9% black. It has a hue angle of 94 degrees, a saturation of 55.7% and a lightness of 70.8%. #afde8b color hex could be obtained by blending #ffffff with #5fbd17. Closest websafe color is: #99cc99.

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

● #afde8b color description : Very soft green.

The hexadecimal color #afde8b has RGB values of R:175, G:222, B:139 and CMYK values of C:0.21, M:0, Y:0.37, K:0.13. Its decimal value is 11525771.

Hex triplet	afde8b	`#afde8b`
RGB Decimal	175, 222, 139	`rgb(175,222,139)`
RGB Percent	68.6, 87.1, 54.5	`rgb(68.6%,87.1%,54.5%)`
CMYK	21, 0, 37, 13
HSL	94°, 55.7, 70.8	`hsl(94,55.7%,70.8%)`
HSV (or HSB)	94°, 37.4, 87.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.558, -29.69, 35.866
XYZ	48.459, 63.22, 34.074
xyY	0.332, 0.434, 63.22
CIE-LCH	83.558, 46.561, 129.618
CIE-LUV	83.558, -23.311, 53.658
Hunter-Lab	79.511, -30.354, 30.249
Binary	10101111, 11011110, 10001011

#afde8b
```
#afde8b rgb(175,222,139)
```
#ba8bde
```
#ba8bde rgb(186,139,222)
```

Complementary Color

#d9de8b
```
#d9de8b rgb(217,222,139)
```
#afde8b
```
#afde8b rgb(175,222,139)
```
#8bde91
```
#8bde91 rgb(139,222,145)
```

Analogous Color

#de8bd9
```
#de8bd9 rgb(222,139,217)
```
#afde8b
```
#afde8b rgb(175,222,139)
```
#918bde
```
#918bde rgb(145,139,222)
```

Split Complementary Color

#de8baf
```
#de8baf rgb(222,139,175)
```
#afde8b
```
#afde8b rgb(175,222,139)
```
#8bafde
```
#8bafde rgb(139,175,222)
```

Triadic Color

#deba8b
```
#deba8b rgb(222,186,139)
```
#afde8b
```
#afde8b rgb(175,222,139)
```
#8bafde
```
#8bafde rgb(139,175,222)
```
#ba8bde
```
#ba8bde rgb(186,139,222)
```

Tetradic Color

#86cd4f
```
#86cd4f rgb(134,205,79)
```
#94d363
```
#94d363 rgb(148,211,99)
```
#a1d877
```
#a1d877 rgb(161,216,119)
```
#afde8b
```
#afde8b rgb(175,222,139)
```
#bde49f
```
#bde49f rgb(189,228,159)
```
#cae9b3
```
#cae9b3 rgb(202,233,179)
```
#d8efc7
```
#d8efc7 rgb(216,239,199)
```

Monochromatic Color

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

#c4de8b
```
#c4de8b rgb(196,222,139)
```
#bdde8b
```
#bdde8b rgb(189,222,139)
```
#b6de8b
```
#b6de8b rgb(182,222,139)
```
#afde8b
```
#afde8b rgb(175,222,139)
```
#a8de8b
```
#a8de8b rgb(168,222,139)
```
#a1de8b
```
#a1de8b rgb(161,222,139)
```
#9ade8b
```
#9ade8b rgb(154,222,139)
```

Similar Colors

Text with hexadecimal color #afde8b

This text has a font color of #afde8b.

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

#afde8b background color

This paragraph has a background color of #afde8b.

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

#afde8b border color

This element has a border color of #afde8b.

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

CSS codes

.text {color:#afde8b;}

.background {background-color:#afde8b;}

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

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

#040602
```
#040602 rgb(4,6,2)
```
#0d1506
```
#0d1506 rgb(13,21,6)
```
#16250a
```
#16250a rgb(22,37,10)
```
#1f340f
```
#1f340f rgb(31,52,15)
```
#284313
```
#284313 rgb(40,67,19)
```
#315317
```
#315317 rgb(49,83,23)
```
#3a621c
```
#3a621c rgb(58,98,28)
```
#437120
```
#437120 rgb(67,113,32)
```
#4c8025
```
#4c8025 rgb(76,128,37)
```
#559029
```
#559029 rgb(85,144,41)
```
#5f9f2d
```
#5f9f2d rgb(95,159,45)
```
#68ae32
```
#68ae32 rgb(104,174,50)
```
#71bd36
```
#71bd36 rgb(113,189,54)
```

Shade Color Variation

#7ac83f
```
#7ac83f rgb(122,200,63)
```
#85cd4e
```
#85cd4e rgb(133,205,78)
```
#8fd15d
```
#8fd15d rgb(143,209,93)
```
#9ad56c
```
#9ad56c rgb(154,213,108)
```
#a4da7c
```
#a4da7c rgb(164,218,124)
```
#afde8b
```
#afde8b rgb(175,222,139)
```
#bae29a
```
#bae29a rgb(186,226,154)
```
#c4e7aa
```
#c4e7aa rgb(196,231,170)
```
#cfebb9
```
#cfebb9 rgb(207,235,185)
```
#d9efc8
```
#d9efc8 rgb(217,239,200)
```
#e4f4d7
```
#e4f4d7 rgb(228,244,215)
```
#eef8e7
```
#eef8e7 rgb(238,248,231)
```
#f9fcf6
```
#f9fcf6 rgb(249,252,246)
```

Tint Color Variation

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

#b4b6b3
```
#b4b6b3 rgb(180,182,179)
```
#b4bcad
```
#b4bcad rgb(180,188,173)
```
#b3c1a8
```
#b3c1a8 rgb(179,193,168)
```
#b2c7a2
```
#b2c7a2 rgb(178,199,162)
```
#b1cd9c
```
#b1cd9c rgb(177,205,156)
```
#b1d396
```
#b1d396 rgb(177,211,150)
```
#b0d891
```
#b0d891 rgb(176,216,145)
```
#afde8b
```
#afde8b rgb(175,222,139)
```
#aee485
```
#aee485 rgb(174,228,133)
```
#ade980
```
#ade980 rgb(173,233,128)
```
#adef7a
```
#adef7a rgb(173,239,122)
```
#acf574
```
#acf574 rgb(172,245,116)
```
#abfb6e
```
#abfb6e rgb(171,251,110)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c1cbba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d28c Protanopia 1% of men
#f9ca98 Deuteranopia 1% of men
#c1d5e4 Tritanopia 0.001% of the population

Trichromacy

#d0d68b Protanomaly 1% of men, 0.01% of women
#ded193 Deuteranomaly 6% of men, 0.4% of women
#bbd8c4 Tritanomaly 0.01% of the population

#afde8b hex color

#afde8b Color Information

#afde8b Color Conversion

Color Schemes with #afde8b

Alternatives to #afde8b

#afde8b Preview

Shades and Tints of #afde8b

Tones of #afde8b

Color Blindness Simulator