#afd499 hex color

In a RGB color space, hex #afd499 is composed of 68.6% red, 83.1% green and 60% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 27.8% yellow and 16.9% black. It has a hue angle of 97.6 degrees, a saturation of 40.7% and a lightness of 71.6%. #afd499 color hex could be obtained by blending #ffffff with #5fa933. Closest websafe color is: #99cc99.

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

● #afd499 color description : Slightly desaturated green.

The hexadecimal color #afd499 has RGB values of R:175, G:212, B:153 and CMYK values of C:0.17, M:0, Y:0.28, K:0.17. Its decimal value is 11523225.

Hex triplet	afd499	`#afd499`
RGB Decimal	175, 212, 153	`rgb(175,212,153)`
RGB Percent	68.6, 83.1, 60	`rgb(68.6%,83.1%,60%)`
CMYK	17, 0, 28, 17
HSL	97.6°, 40.7, 71.6	`hsl(97.6,40.7%,71.6%)`
HSV (or HSB)	97.6°, 27.8, 83.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.016, -22.866, 25.291
XYZ	46.971, 58.5, 38.952
xyY	0.325, 0.405, 58.5
CIE-LCH	81.016, 34.095, 132.117
CIE-LUV	81.016, -18.339, 39.251
Hunter-Lab	76.485, -24.229, 23.345
Binary	10101111, 11010100, 10011001

#afd499
```
#afd499 rgb(175,212,153)
```
#be99d4
```
#be99d4 rgb(190,153,212)
```

Complementary Color

#cdd499
```
#cdd499 rgb(205,212,153)
```
#afd499
```
#afd499 rgb(175,212,153)
```
#99d4a1
```
#99d4a1 rgb(153,212,161)
```

Analogous Color

#d499cd
```
#d499cd rgb(212,153,205)
```
#afd499
```
#afd499 rgb(175,212,153)
```
#a199d4
```
#a199d4 rgb(161,153,212)
```

Split Complementary Color

#d499af
```
#d499af rgb(212,153,175)
```
#afd499
```
#afd499 rgb(175,212,153)
```
#99afd4
```
#99afd4 rgb(153,175,212)
```

Triadic Color

#d4be99
```
#d4be99 rgb(212,190,153)
```
#afd499
```
#afd499 rgb(175,212,153)
```
#99afd4
```
#99afd4 rgb(153,175,212)
```
#be99d4
```
#be99d4 rgb(190,153,212)
```

Tetradic Color

#85bd63
```
#85bd63 rgb(133,189,99)
```
#93c575
```
#93c575 rgb(147,197,117)
```
#a1cc87
```
#a1cc87 rgb(161,204,135)
```
#afd499
```
#afd499 rgb(175,212,153)
```
#bddcab
```
#bddcab rgb(189,220,171)
```
#cbe3bd
```
#cbe3bd rgb(203,227,189)
```
#d9ebcf
```
#d9ebcf rgb(217,235,207)
```

Monochromatic Color

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

#bed499
```
#bed499 rgb(190,212,153)
```
#b9d499
```
#b9d499 rgb(185,212,153)
```
#b4d499
```
#b4d499 rgb(180,212,153)
```
#afd499
```
#afd499 rgb(175,212,153)
```
#aad499
```
#aad499 rgb(170,212,153)
```
#a5d499
```
#a5d499 rgb(165,212,153)
```
#a0d499
```
#a0d499 rgb(160,212,153)
```

Similar Colors

Text with hexadecimal color #afd499

This text has a font color of #afd499.

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

#afd499 background color

This paragraph has a background color of #afd499.

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

#afd499 border color

This element has a border color of #afd499.

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

CSS codes

.text {color:#afd499;}

.background {background-color:#afd499;}

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

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

#050804
```
#050804 rgb(5,8,4)
```
#0e1609
```
#0e1609 rgb(14,22,9)
```
#17240f
```
#17240f rgb(23,36,15)
```
#203215
```
#203215 rgb(32,50,21)
```
#29401b
```
#29401b rgb(41,64,27)
```
#314d21
```
#314d21 rgb(49,77,33)
```
#3a5b26
```
#3a5b26 rgb(58,91,38)
```
#43692c
```
#43692c rgb(67,105,44)
```
#4c7732
```
#4c7732 rgb(76,119,50)
```
#548538
```
#548538 rgb(84,133,56)
```
#5d923e
```
#5d923e rgb(93,146,62)
```
#66a044
```
#66a044 rgb(102,160,68)
```
#6fae49
```
#6fae49 rgb(111,174,73)
```

Shade Color Variation

#79b754
```
#79b754 rgb(121,183,84)
```
#84bd62
```
#84bd62 rgb(132,189,98)
```
#8fc370
```
#8fc370 rgb(143,195,112)
```
#99c87d
```
#99c87d rgb(153,200,125)
```
#a4ce8b
```
#a4ce8b rgb(164,206,139)
```
#afd499
```
#afd499 rgb(175,212,153)
```
#badaa7
```
#badaa7 rgb(186,218,167)
```
#c5e0b5
```
#c5e0b5 rgb(197,224,181)
```
#cfe5c2
```
#cfe5c2 rgb(207,229,194)
```
#daebd0
```
#daebd0 rgb(218,235,208)
```
#e5f1de
```
#e5f1de rgb(229,241,222)
```
#f0f7ec
```
#f0f7ec rgb(240,247,236)
```
#fbfdfa
```
#fbfdfa rgb(251,253,250)
```

Tint Color Variation

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

#b6b8b5
```
#b6b8b5 rgb(182,184,181)
```
#b5beaf
```
#b5beaf rgb(181,190,175)
```
#b3c3aa
```
#b3c3aa rgb(179,195,170)
```
#b2c9a4
```
#b2c9a4 rgb(178,201,164)
```
#b0ce9f
```
#b0ce9f rgb(176,206,159)
```
#afd499
```
#afd499 rgb(175,212,153)
```
#aeda93
```
#aeda93 rgb(174,218,147)
```
#acdf8e
```
#acdf8e rgb(172,223,142)
```
#abe588
```
#abe588 rgb(171,229,136)
```
#a9ea83
```
#a9ea83 rgb(169,234,131)
```
#a8f07d
```
#a8f07d rgb(168,240,125)
```
#a6f578
```
#a6f578 rgb(166,245,120)
```
#a5fb72
```
#a5fb72 rgb(165,251,114)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bec6ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#dacb99 Protanopia 1% of men
#ecc4a4 Deuteranopia 1% of men
#becddc Tritanopia 0.001% of the population

Trichromacy

#cace99 Protanomaly 1% of men, 0.01% of women
#d6caa0 Deuteranomaly 6% of men, 0.4% of women
#b8d0c4 Tritanomaly 0.01% of the population

#afd499 hex color

#afd499 Color Information

#afd499 Color Conversion

Color Schemes with #afd499

Alternatives to #afd499

#afd499 Preview

Shades and Tints of #afd499

Tones of #afd499

Color Blindness Simulator