#afdc9e hex color

In a RGB color space, hex #afdc9e is composed of 68.6% red, 86.3% green and 62% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 0% magenta, 28.2% yellow and 13.7% black. It has a hue angle of 103.5 degrees, a saturation of 47% and a lightness of 74.1%. #afdc9e color hex could be obtained by blending #ffffff with #5fb93d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 86
- B 62
RGB color chart
- C 20
- M 0
- Y 28
- K 14
CMYK color chart

● #afdc9e color description : Very soft green.

The hexadecimal color #afdc9e has RGB values of R:175, G:220, B:158 and CMYK values of C:0.2, M:0, Y:0.28, K:0.14. Its decimal value is 11525278.

Hex triplet	afdc9e	`#afdc9e`
RGB Decimal	175, 220, 158	`rgb(175,220,158)`
RGB Percent	68.6, 86.3, 62	`rgb(68.6%,86.3%,62%)`
CMYK	20, 0, 28, 14
HSL	103.5°, 47, 74.1	`hsl(103.5,47%,74.1%)`
HSV (or HSB)	103.5°, 28.2, 86.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.32, -25.983, 25.819
XYZ	49.442, 62.768, 41.856
xyY	0.321, 0.407, 62.768
CIE-LCH	83.32, 36.63, 135.181
CIE-LUV	83.32, -22.434, 40.744
Hunter-Lab	79.226, -27.25, 24.135
Binary	10101111, 11011100, 10011110

#afdc9e
```
#afdc9e rgb(175,220,158)
```
#cb9edc
```
#cb9edc rgb(203,158,220)
```

Complementary Color

#cedc9e
```
#cedc9e rgb(206,220,158)
```
#afdc9e
```
#afdc9e rgb(175,220,158)
```
#9edcac
```
#9edcac rgb(158,220,172)
```

Analogous Color

#dc9ece
```
#dc9ece rgb(220,158,206)
```
#afdc9e
```
#afdc9e rgb(175,220,158)
```
#ac9edc
```
#ac9edc rgb(172,158,220)
```

Split Complementary Color

#dc9eaf
```
#dc9eaf rgb(220,158,175)
```
#afdc9e
```
#afdc9e rgb(175,220,158)
```
#9eafdc
```
#9eafdc rgb(158,175,220)
```

Triadic Color

#dccb9e
```
#dccb9e rgb(220,203,158)
```
#afdc9e
```
#afdc9e rgb(175,220,158)
```
#9eafdc
```
#9eafdc rgb(158,175,220)
```
#cb9edc
```
#cb9edc rgb(203,158,220)
```

Tetradic Color

#81c866
```
#81c866 rgb(129,200,102)
```
#90ce79
```
#90ce79 rgb(144,206,121)
```
#a0d58b
```
#a0d58b rgb(160,213,139)
```
#afdc9e
```
#afdc9e rgb(175,220,158)
```
#bee3b1
```
#bee3b1 rgb(190,227,177)
```
#ceeac3
```
#ceeac3 rgb(206,234,195)
```
#ddf0d6
```
#ddf0d6 rgb(221,240,214)
```

Monochromatic Color

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

#bfdc9e
```
#bfdc9e rgb(191,220,158)
```
#b9dc9e
```
#b9dc9e rgb(185,220,158)
```
#b4dc9e
```
#b4dc9e rgb(180,220,158)
```
#afdc9e
```
#afdc9e rgb(175,220,158)
```
#aadc9e
```
#aadc9e rgb(170,220,158)
```
#a5dc9e
```
#a5dc9e rgb(165,220,158)
```
#a0dc9e
```
#a0dc9e rgb(160,220,158)
```

Similar Colors

Text with hexadecimal color #afdc9e

This text has a font color of #afdc9e.

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

#afdc9e background color

This paragraph has a background color of #afdc9e.

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

#afdc9e border color

This element has a border color of #afdc9e.

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

CSS codes

.text {color:#afdc9e;}

.background {background-color:#afdc9e;}

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

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

#020401
```
#020401 rgb(2,4,1)
```
#0a1207
```
#0a1207 rgb(10,18,7)
```
#12210c
```
#12210c rgb(18,33,12)
```
#192f11
```
#192f11 rgb(25,47,17)
```
#213e16
```
#213e16 rgb(33,62,22)
```
#294c1b
```
#294c1b rgb(41,76,27)
```
#305a21
```
#305a21 rgb(48,90,33)
```
#386926
```
#386926 rgb(56,105,38)
```
#40772b
```
#40772b rgb(64,119,43)
```
#488630
```
#488630 rgb(72,134,48)
```
#4f9435
```
#4f9435 rgb(79,148,53)
```
#57a23b
```
#57a23b rgb(87,162,59)
```
#5fb140
```
#5fb140 rgb(95,177,64)
```

Shade Color Variation

#68bd48
```
#68bd48 rgb(104,189,72)
```
#74c256
```
#74c256 rgb(116,194,86)
```
#7fc764
```
#7fc764 rgb(127,199,100)
```
#8bcc73
```
#8bcc73 rgb(139,204,115)
```
#97d281
```
#97d281 rgb(151,210,129)
```
#a3d790
```
#a3d790 rgb(163,215,144)
```
#afdc9e
```
#afdc9e rgb(175,220,158)
```
#bbe1ac
```
#bbe1ac rgb(187,225,172)
```
#c7e6bb
```
#c7e6bb rgb(199,230,187)
```
#d3ecc9
```
#d3ecc9 rgb(211,236,201)
```
#dff1d8
```
#dff1d8 rgb(223,241,216)
```
#eaf6e6
```
#eaf6e6 rgb(234,246,230)
```
#f6fbf4
```
#f6fbf4 rgb(246,251,244)
```

Tint Color Variation

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

#bdbebc
```
#bdbebc rgb(189,190,188)
```
#bac3b7
```
#bac3b7 rgb(186,195,183)
```
#b8c8b2
```
#b8c8b2 rgb(184,200,178)
```
#b6cdad
```
#b6cdad rgb(182,205,173)
```
#b4d2a8
```
#b4d2a8 rgb(180,210,168)
```
#b1d7a3
```
#b1d7a3 rgb(177,215,163)
```
#afdc9e
```
#afdc9e rgb(175,220,158)
```
#ade199
```
#ade199 rgb(173,225,153)
```
#aae694
```
#aae694 rgb(170,230,148)
```
#a8eb8f
```
#a8eb8f rgb(168,235,143)
```
#a6f08a
```
#a6f08a rgb(166,240,138)
```
#a4f585
```
#a4f585 rgb(164,245,133)
```
#a1fa80
```
#a1fa80 rgb(161,250,128)
```

Tone Color Variation

Below, you can see how #afdc9e 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
#c2cbbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0d19e Protanopia 1% of men
#f3caa9 Deuteranopia 1% of men
#bfd5e4 Tritanopia 0.001% of the population

Trichromacy

#ced59e Protanomaly 1% of men, 0.01% of women
#dad0a5 Deuteranomaly 6% of men, 0.4% of women
#b9d7ca Tritanomaly 0.01% of the population

#afdc9e hex color

#afdc9e Color Information

#afdc9e Color Conversion

Color Schemes with #afdc9e

Alternatives to #afdc9e

#afdc9e Preview

Shades and Tints of #afdc9e

Tones of #afdc9e

Color Blindness Simulator