#afdd93 hex color

In a RGB color space, hex #afdd93 is composed of 68.6% red, 86.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 33.5% yellow and 13.3% black. It has a hue angle of 97.3 degrees, a saturation of 52.1% and a lightness of 72.2%. #afdd93 color hex could be obtained by blending #ffffff with #5fbb27. Closest websafe color is: #99cc99.

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

● #afdd93 color description : Very soft green.

The hexadecimal color #afdd93 has RGB values of R:175, G:221, B:147 and CMYK values of C:0.21, M:0, Y:0.33, K:0.13. Its decimal value is 11525523.

Hex triplet	afdd93	`#afdd93`
RGB Decimal	175, 221, 147	`rgb(175,221,147)`
RGB Percent	68.6, 86.7, 57.6	`rgb(68.6%,86.7%,57.6%)`
CMYK	21, 0, 33, 13
HSL	97.3°, 52.1, 72.2	`hsl(97.3,52.1%,72.2%)`
HSV (or HSB)	97.3°, 33.5, 86.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.407, -28.104, 31.602
XYZ	48.801, 62.932, 37.178
xyY	0.328, 0.423, 62.932
CIE-LCH	83.407, 42.291, 131.647
CIE-LUV	83.407, -22.854, 48.305
Hunter-Lab	79.33, -29.021, 27.745
Binary	10101111, 11011101, 10010011

#afdd93
```
#afdd93 rgb(175,221,147)
```
#c193dd
```
#c193dd rgb(193,147,221)
```

Complementary Color

#d4dd93
```
#d4dd93 rgb(212,221,147)
```
#afdd93
```
#afdd93 rgb(175,221,147)
```
#93dd9c
```
#93dd9c rgb(147,221,156)
```

Analogous Color

#dd93d4
```
#dd93d4 rgb(221,147,212)
```
#afdd93
```
#afdd93 rgb(175,221,147)
```
#9c93dd
```
#9c93dd rgb(156,147,221)
```

Split Complementary Color

#dd93af
```
#dd93af rgb(221,147,175)
```
#afdd93
```
#afdd93 rgb(175,221,147)
```
#93afdd
```
#93afdd rgb(147,175,221)
```

Triadic Color

#ddc193
```
#ddc193 rgb(221,193,147)
```
#afdd93
```
#afdd93 rgb(175,221,147)
```
#93afdd
```
#93afdd rgb(147,175,221)
```
#c193dd
```
#c193dd rgb(193,147,221)
```

Tetradic Color

#84cb59
```
#84cb59 rgb(132,203,89)
```
#92d16c
```
#92d16c rgb(146,209,108)
```
#a1d780
```
#a1d780 rgb(161,215,128)
```
#afdd93
```
#afdd93 rgb(175,221,147)
```
#bde3a6
```
#bde3a6 rgb(189,227,166)
```
#cce9ba
```
#cce9ba rgb(204,233,186)
```
#daefcd
```
#daefcd rgb(218,239,205)
```

Monochromatic Color

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

#c2dd93
```
#c2dd93 rgb(194,221,147)
```
#bbdd93
```
#bbdd93 rgb(187,221,147)
```
#b5dd93
```
#b5dd93 rgb(181,221,147)
```
#afdd93
```
#afdd93 rgb(175,221,147)
```
#a9dd93
```
#a9dd93 rgb(169,221,147)
```
#a3dd93
```
#a3dd93 rgb(163,221,147)
```
#9ddd93
```
#9ddd93 rgb(157,221,147)
```

Similar Colors

Text with hexadecimal color #afdd93

This text has a font color of #afdd93.

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

#afdd93 background color

This paragraph has a background color of #afdd93.

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

#afdd93 border color

This element has a border color of #afdd93.

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

CSS codes

.text {color:#afdd93;}

.background {background-color:#afdd93;}

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

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, #070b04 is the darkest color, while #fcfefb is the lightest one.

#070b04
```
#070b04 rgb(7,11,4)
```
#0f1a08
```
#0f1a08 rgb(15,26,8)
```
#18290d
```
#18290d rgb(24,41,13)
```
#203812
```
#203812 rgb(32,56,18)
```
#294716
```
#294716 rgb(41,71,22)
```
#31561b
```
#31561b rgb(49,86,27)
```
#3a6520
```
#3a6520 rgb(58,101,32)
```
#427424
```
#427424 rgb(66,116,36)
```
#4b8329
```
#4b8329 rgb(75,131,41)
```
#54922e
```
#54922e rgb(84,146,46)
```
#5ca133
```
#5ca133 rgb(92,161,51)
```
#65af37
```
#65af37 rgb(101,175,55)
```
#6dbe3c
```
#6dbe3c rgb(109,190,60)
```

Shade Color Variation

#78c648
```
#78c648 rgb(120,198,72)
```
#83ca57
```
#83ca57 rgb(131,202,87)
```
#8ecf66
```
#8ecf66 rgb(142,207,102)
```
#99d475
```
#99d475 rgb(153,212,117)
```
#a4d884
```
#a4d884 rgb(164,216,132)
```
#afdd93
```
#afdd93 rgb(175,221,147)
```
#bae2a2
```
#bae2a2 rgb(186,226,162)
```
#c5e6b1
```
#c5e6b1 rgb(197,230,177)
```
#d0ebc0
```
#d0ebc0 rgb(208,235,192)
```
#dbf0cf
```
#dbf0cf rgb(219,240,207)
```
#e6f4de
```
#e6f4de rgb(230,244,222)
```
#f1f9ed
```
#f1f9ed rgb(241,249,237)
```
#fcfefb
```
#fcfefb rgb(252,254,251)
```

Tint Color Variation

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

#b7bcb4
```
#b7bcb4 rgb(183,188,180)
```
#b6c2ae
```
#b6c2ae rgb(182,194,174)
```
#b4c7a9
```
#b4c7a9 rgb(180,199,169)
```
#b3cda3
```
#b3cda3 rgb(179,205,163)
```
#b2d29e
```
#b2d29e rgb(178,210,158)
```
#b0d898
```
#b0d898 rgb(176,216,152)
```
#afdd93
```
#afdd93 rgb(175,221,147)
```
#aee28e
```
#aee28e rgb(174,226,142)
```
#ace888
```
#ace888 rgb(172,232,136)
```
#abed83
```
#abed83 rgb(171,237,131)
```
#aaf37d
```
#aaf37d rgb(170,243,125)
```
#a8f878
```
#a8f878 rgb(168,248,120)
```
#a7fe72
```
#a7fe72 rgb(167,254,114)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c2cbbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d293 Protanopia 1% of men
#f6ca9f Deuteranopia 1% of men
#c0d5e4 Tritanopia 0.001% of the population

Trichromacy

#cfd693 Protanomaly 1% of men, 0.01% of women
#dcd19a Deuteranomaly 6% of men, 0.4% of women
#bad7c6 Tritanomaly 0.01% of the population

#afdd93 hex color

#afdd93 Color Information

#afdd93 Color Conversion

Color Schemes with #afdd93

Alternatives to #afdd93

#afdd93 Preview

Shades and Tints of #afdd93

Tones of #afdd93

Color Blindness Simulator