#afd476 hex color

In a RGB color space, hex #afd476 is composed of 68.6% red, 83.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 44.3% yellow and 16.9% black. It has a hue angle of 83.6 degrees, a saturation of 52.2% and a lightness of 64.7%. #afd476 color hex could be obtained by blending #ffffec with #5fa900. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 83
- B 46
RGB color chart
- C 17
- M 0
- Y 44
- K 17
CMYK color chart

● #afd476 color description : Slightly desaturated green.

The hexadecimal color #afd476 has RGB values of R:175, G:212, B:118 and CMYK values of C:0.17, M:0, Y:0.44, K:0.17. Its decimal value is 11523190.

Hex triplet	afd476	`#afd476`
RGB Decimal	175, 212, 118	`rgb(175,212,118)`
RGB Percent	68.6, 83.1, 46.3	`rgb(68.6%,83.1%,46.3%)`
CMYK	17, 0, 44, 17
HSL	83.6°, 52.2, 64.7	`hsl(83.6,52.2%,64.7%)`
HSV (or HSB)	83.6°, 44.3, 83.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.465, -27.571, 42.406
XYZ	44.492, 57.508, 25.895
xyY	0.348, 0.45, 57.508
CIE-LCH	80.465, 50.581, 123.03
CIE-LUV	80.465, -17.915, 59.861
Hunter-Lab	75.834, -27.985, 32.838
Binary	10101111, 11010100, 01110110

#afd476
```
#afd476 rgb(175,212,118)
```
#9b76d4
```
#9b76d4 rgb(155,118,212)
```

Complementary Color

#d4ca76
```
#d4ca76 rgb(212,202,118)
```
#afd476
```
#afd476 rgb(175,212,118)
```
#80d476
```
#80d476 rgb(128,212,118)
```

Analogous Color

#ca76d4
```
#ca76d4 rgb(202,118,212)
```
#afd476
```
#afd476 rgb(175,212,118)
```
#7680d4
```
#7680d4 rgb(118,128,212)
```

Split Complementary Color

#d476af
```
#d476af rgb(212,118,175)
```
#afd476
```
#afd476 rgb(175,212,118)
```
#76afd4
```
#76afd4 rgb(118,175,212)
```

Triadic Color

#d49b76
```
#d49b76 rgb(212,155,118)
```
#afd476
```
#afd476 rgb(175,212,118)
```
#76afd4
```
#76afd4 rgb(118,175,212)
```
#9b76d4
```
#9b76d4 rgb(155,118,212)
```

Tetradic Color

#8dc13d
```
#8dc13d rgb(141,193,61)
```
#98c84f
```
#98c84f rgb(152,200,79)
```
#a4ce63
```
#a4ce63 rgb(164,206,99)
```
#afd476
```
#afd476 rgb(175,212,118)
```
#bada89
```
#bada89 rgb(186,218,137)
```
#c6e09d
```
#c6e09d rgb(198,224,157)
```
#d1e6b0
```
#d1e6b0 rgb(209,230,176)
```

Monochromatic Color

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

#c7d476
```
#c7d476 rgb(199,212,118)
```
#bfd476
```
#bfd476 rgb(191,212,118)
```
#b7d476
```
#b7d476 rgb(183,212,118)
```
#afd476
```
#afd476 rgb(175,212,118)
```
#a7d476
```
#a7d476 rgb(167,212,118)
```
#9fd476
```
#9fd476 rgb(159,212,118)
```
#98d476
```
#98d476 rgb(152,212,118)
```

Similar Colors

Text with hexadecimal color #afd476

This text has a font color of #afd476.

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

#afd476 background color

This paragraph has a background color of #afd476.

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

#afd476 border color

This element has a border color of #afd476.

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

CSS codes

.text {color:#afd476;}

.background {background-color:#afd476;}

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

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, #090c04 is the darkest color, while #fdfefc is the lightest one.

#090c04
```
#090c04 rgb(9,12,4)
```
#141b09
```
#141b09 rgb(20,27,9)
```
#1f2a0d
```
#1f2a0d rgb(31,42,13)
```
#2a3912
```
#2a3912 rgb(42,57,18)
```
#354817
```
#354817 rgb(53,72,23)
```
#3f571b
```
#3f571b rgb(63,87,27)
```
#4a6620
```
#4a6620 rgb(74,102,32)
```
#557525
```
#557525 rgb(85,117,37)
```
#608429
```
#608429 rgb(96,132,41)
```
#6b932e
```
#6b932e rgb(107,147,46)
```
#76a233
```
#76a233 rgb(118,162,51)
```
#81b137
```
#81b137 rgb(129,177,55)
```
#8cbf3c
```
#8cbf3c rgb(140,191,60)
```

Shade Color Variation

#95c649
```
#95c649 rgb(149,198,73)
```
#9ecb58
```
#9ecb58 rgb(158,203,88)
```
#a6cf67
```
#a6cf67 rgb(166,207,103)
```
#afd476
```
#afd476 rgb(175,212,118)
```
#b8d985
```
#b8d985 rgb(184,217,133)
```
#c0dd94
```
#c0dd94 rgb(192,221,148)
```
#c9e2a3
```
#c9e2a3 rgb(201,226,163)
```
#d2e7b2
```
#d2e7b2 rgb(210,231,178)
```
#dbebc1
```
#dbebc1 rgb(219,235,193)
```
#e3f0d0
```
#e3f0d0 rgb(227,240,208)
```
#ecf5df
```
#ecf5df rgb(236,245,223)
```
#f5f9ed
```
#f5f9ed rgb(245,249,237)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#a6aaa0
```
#a6aaa0 rgb(166,170,160)
```
#a8b199
```
#a8b199 rgb(168,177,153)
```
#a9b892
```
#a9b892 rgb(169,184,146)
```
#abbf8b
```
#abbf8b rgb(171,191,139)
```
#acc684
```
#acc684 rgb(172,198,132)
```
#aecd7d
```
#aecd7d rgb(174,205,125)
```
#afd476
```
#afd476 rgb(175,212,118)
```
#b0db6f
```
#b0db6f rgb(176,219,111)
```
#b2e268
```
#b2e268 rgb(178,226,104)
```
#b3e961
```
#b3e961 rgb(179,233,97)
```
#b5f05a
```
#b5f05a rgb(181,240,90)
```
#b6f753
```
#b6f753 rgb(182,247,83)
```
#b8fe4c
```
#b8fe4c rgb(184,254,76)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bbc2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddca79 Protanopia 1% of men
#f2c283 Deuteranopia 1% of men
#c1cbd9 Tritanopia 0.001% of the population

Trichromacy

#cccd77 Protanomaly 1% of men, 0.01% of women
#dac87e Deuteranomaly 6% of men, 0.4% of women
#baceb5 Tritanomaly 0.01% of the population

#afd476 hex color

#afd476 Color Information

#afd476 Color Conversion

Color Schemes with #afd476

Alternatives to #afd476

#afd476 Preview

Shades and Tints of #afd476

Tones of #afd476

Color Blindness Simulator