#afde4b hex color

In a RGB color space, hex #afde4b is composed of 68.6% red, 87.1% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 0% magenta, 66.2% yellow and 12.9% black. It has a hue angle of 79.2 degrees, a saturation of 69% and a lightness of 58.2%. #afde4b color hex could be obtained by blending #ffff96 with #5fbd00. Closest websafe color is: #99cc33.

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

● #afde4b color description : Soft green.

The hexadecimal color #afde4b has RGB values of R:175, G:222, B:75 and CMYK values of C:0.21, M:0, Y:0.66, K:0.13. Its decimal value is 11525707.

Hex triplet	afde4b	`#afde4b`
RGB Decimal	175, 222, 75	`rgb(175,222,75)`
RGB Percent	68.6, 87.1, 29.4	`rgb(68.6%,87.1%,29.4%)`
CMYK	21, 0, 66, 13
HSL	79.2°, 69, 58.2	`hsl(79.2,69%,58.2%)`
HSV (or HSB)	79.2°, 66.2, 87.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.841, -36.139, 64.388
XYZ	45.07, 61.864, 16.223
xyY	0.366, 0.502, 61.864
CIE-LCH	82.841, 73.837, 119.304
CIE-LUV	82.841, -23.034, 82.509
Hunter-Lab	78.654, -35.36, 42.829
Binary	10101111, 11011110, 01001011

#afde4b
```
#afde4b rgb(175,222,75)
```
#7a4bde
```
#7a4bde rgb(122,75,222)
```

Complementary Color

#dec44b
```
#dec44b rgb(222,196,75)
```
#afde4b
```
#afde4b rgb(175,222,75)
```
#66de4b
```
#66de4b rgb(102,222,75)
```

Analogous Color

#c44bde
```
#c44bde rgb(196,75,222)
```
#afde4b
```
#afde4b rgb(175,222,75)
```
#4b66de
```
#4b66de rgb(75,102,222)
```

Split Complementary Color

#de4baf
```
#de4baf rgb(222,75,175)
```
#afde4b
```
#afde4b rgb(175,222,75)
```
#4bafde
```
#4bafde rgb(75,175,222)
```

Triadic Color

#de7a4b
```
#de7a4b rgb(222,122,75)
```
#afde4b
```
#afde4b rgb(175,222,75)
```
#4bafde
```
#4bafde rgb(75,175,222)
```
#7a4bde
```
#7a4bde rgb(122,75,222)
```

Tetradic Color

#8aba22
```
#8aba22 rgb(138,186,34)
```
#9ad026
```
#9ad026 rgb(154,208,38)
```
#a5da35
```
#a5da35 rgb(165,218,53)
```
#afde4b
```
#afde4b rgb(175,222,75)
```
#b9e261
```
#b9e261 rgb(185,226,97)
```
#c2e676
```
#c2e676 rgb(194,230,118)
```
#ccea8c
```
#ccea8c rgb(204,234,140)
```

Monochromatic Color

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

#d4de4b
```
#d4de4b rgb(212,222,75)
```
#c8de4b
```
#c8de4b rgb(200,222,75)
```
#bbde4b
```
#bbde4b rgb(187,222,75)
```
#afde4b
```
#afde4b rgb(175,222,75)
```
#a3de4b
```
#a3de4b rgb(163,222,75)
```
#97de4b
```
#97de4b rgb(151,222,75)
```
#8ade4b
```
#8ade4b rgb(138,222,75)
```

Similar Colors

Text with hexadecimal color #afde4b

This text has a font color of #afde4b.

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

#afde4b background color

This paragraph has a background color of #afde4b.

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

#afde4b border color

This element has a border color of #afde4b.

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

CSS codes

.text {color:#afde4b;}

.background {background-color:#afde4b;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#0e1303
```
#0e1303 rgb(14,19,3)
```
#1a2307
```
#1a2307 rgb(26,35,7)
```
#26340a
```
#26340a rgb(38,52,10)
```
#33450d
```
#33450d rgb(51,69,13)
```
#3f5510
```
#3f5510 rgb(63,85,16)
```
#4b6613
```
#4b6613 rgb(75,102,19)
```
#577616
```
#577616 rgb(87,118,22)
```
#648719
```
#648719 rgb(100,135,25)
```
#70981c
```
#70981c rgb(112,152,28)
```
#7ca81f
```
#7ca81f rgb(124,168,31)
```
#88b922
```
#88b922 rgb(136,185,34)
```
#95c925
```
#95c925 rgb(149,201,37)
```

Shade Color Variation

#a0d82a
```
#a0d82a rgb(160,216,42)
```
#a8db3a
```
#a8db3a rgb(168,219,58)
```
#afde4b
```
#afde4b rgb(175,222,75)
```
#b6e15c
```
#b6e15c rgb(182,225,92)
```
#bee46c
```
#bee46c rgb(190,228,108)
```
#c5e77d
```
#c5e77d rgb(197,231,125)
```
#ccea8d
```
#ccea8d rgb(204,234,141)
```
#d4ed9e
```
#d4ed9e rgb(212,237,158)
```
#dbf0ae
```
#dbf0ae rgb(219,240,174)
```
#e3f3bf
```
#e3f3bf rgb(227,243,191)
```
#eaf6d0
```
#eaf6d0 rgb(234,246,208)
```
#f1f9e0
```
#f1f9e0 rgb(241,249,224)
```
#f9fcf1
```
#f9fcf1 rgb(249,252,241)
```

Tint Color Variation

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

#979c8d
```
#979c8d rgb(151,156,141)
```
#9aa584
```
#9aa584 rgb(154,165,132)
```
#9dad7c
```
#9dad7c rgb(157,173,124)
```
#a0b574
```
#a0b574 rgb(160,181,116)
```
#a3bd6c
```
#a3bd6c rgb(163,189,108)
```
#a6c564
```
#a6c564 rgb(166,197,100)
```
#a9ce5b
```
#a9ce5b rgb(169,206,91)
```
#acd653
```
#acd653 rgb(172,214,83)
```
#afde4b
```
#afde4b rgb(175,222,75)
```
#b2e643
```
#b2e643 rgb(178,230,67)
```
#b5ee3b
```
#b5ee3b rgb(181,238,59)
```
#b8f732
```
#b8f732 rgb(184,247,50)
```
#bbff2a
```
#bbff2a rgb(187,255,42)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc5a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d150 Protanopia 1% of men
#ffc767 Deuteranopia 1% of men
#c6d2e1 Tritanopia 0.001% of the population

Trichromacy

#d3d54e Protanomaly 1% of men, 0.01% of women
#e1cf5d Deuteranomaly 6% of men, 0.4% of women
#bdd6aa Tritanomaly 0.01% of the population

#afde4b hex color

#afde4b Color Information

#afde4b Color Conversion

Color Schemes with #afde4b

Alternatives to #afde4b

#afde4b Preview

Shades and Tints of #afde4b

Tones of #afde4b

Color Blindness Simulator