#afd31d hex color

In a RGB color space, hex #afd31d is composed of 68.6% red, 82.7% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 86.3% yellow and 17.3% black. It has a hue angle of 71.9 degrees, a saturation of 75.8% and a lightness of 47.1%. #afd31d color hex could be obtained by blending #ffff3a with #5fa700. Closest websafe color is: #99cc33.

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

● #afd31d color description : Strong yellow.

The hexadecimal color #afd31d has RGB values of R:175, G:211, B:29 and CMYK values of C:0.17, M:0, Y:0.86, K:0.17. Its decimal value is 11522845.

Hex triplet	afd31d	`#afd31d`
RGB Decimal	175, 211, 29	`rgb(175,211,29)`
RGB Percent	68.6, 82.7, 11.4	`rgb(68.6%,82.7%,11.4%)`
CMYK	17, 0, 86, 17
HSL	71.9°, 75.8, 47.1	`hsl(71.9,75.8%,47.1%)`
HSV (or HSB)	71.9°, 86.3, 82.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.495, -33.226, 75.136
XYZ	41.195, 55.791, 9.761
xyY	0.386, 0.523, 55.791
CIE-LCH	79.495, 82.155, 113.856
CIE-LUV	79.495, -16.775, 87.902
Hunter-Lab	74.693, -32.267, 44.537
Binary	10101111, 11010011, 00011101

#afd31d
```
#afd31d rgb(175,211,29)
```
#411dd3
```
#411dd3 rgb(65,29,211)
```

Complementary Color

#d39c1d
```
#d39c1d rgb(211,156,29)
```
#afd31d
```
#afd31d rgb(175,211,29)
```
#54d31d
```
#54d31d rgb(84,211,29)
```

Analogous Color

#9c1dd3
```
#9c1dd3 rgb(156,29,211)
```
#afd31d
```
#afd31d rgb(175,211,29)
```
#1d54d3
```
#1d54d3 rgb(29,84,211)
```

Split Complementary Color

#d31daf
```
#d31daf rgb(211,29,175)
```
#afd31d
```
#afd31d rgb(175,211,29)
```
#1dafd3
```
#1dafd3 rgb(29,175,211)
```

Triadic Color

#d3411d
```
#d3411d rgb(211,65,29)
```
#afd31d
```
#afd31d rgb(175,211,29)
```
#1dafd3
```
#1dafd3 rgb(29,175,211)
```
#411dd3
```
#411dd3 rgb(65,29,211)
```

Tetradic Color

#779014
```
#779014 rgb(119,144,20)
```
#8aa617
```
#8aa617 rgb(138,166,23)
```
#9cbd1a
```
#9cbd1a rgb(156,189,26)
```
#afd31d
```
#afd31d rgb(175,211,29)
```
#bde128
```
#bde128 rgb(189,225,40)
```
#c4e53e
```
#c4e53e rgb(196,229,62)
```
#cbe855
```
#cbe855 rgb(203,232,85)
```

Monochromatic Color

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

#d3ca1d
```
#d3ca1d rgb(211,202,29)
```
#cdd31d
```
#cdd31d rgb(205,211,29)
```
#bed31d
```
#bed31d rgb(190,211,29)
```
#afd31d
```
#afd31d rgb(175,211,29)
```
#a0d31d
```
#a0d31d rgb(160,211,29)
```
#91d31d
```
#91d31d rgb(145,211,29)
```
#82d31d
```
#82d31d rgb(130,211,29)
```

Similar Colors

Text with hexadecimal color #afd31d

This text has a font color of #afd31d.

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

#afd31d background color

This paragraph has a background color of #afd31d.

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

#afd31d border color

This element has a border color of #afd31d.

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

CSS codes

.text {color:#afd31d;}

.background {background-color:#afd31d;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#121503
```
#121503 rgb(18,21,3)
```
#202705
```
#202705 rgb(32,39,5)
```
#2e3808
```
#2e3808 rgb(46,56,8)
```
#3d490a
```
#3d490a rgb(61,73,10)
```
#4b5a0c
```
#4b5a0c rgb(75,90,12)
```
#596c0f
```
#596c0f rgb(89,108,15)
```
#677d11
```
#677d11 rgb(103,125,17)
```
#768e14
```
#768e14 rgb(118,142,20)
```
#849f16
```
#849f16 rgb(132,159,22)
```
#92b118
```
#92b118 rgb(146,177,24)
```
#a1c21b
```
#a1c21b rgb(161,194,27)
```
#afd31d
```
#afd31d rgb(175,211,29)
```

Shade Color Variation

#bbe123
```
#bbe123 rgb(187,225,35)
```
#c1e334
```
#c1e334 rgb(193,227,52)
```
#c6e545
```
#c6e545 rgb(198,229,69)
```
#cbe857
```
#cbe857 rgb(203,232,87)
```
#d0ea68
```
#d0ea68 rgb(208,234,104)
```
#d6ed79
```
#d6ed79 rgb(214,237,121)
```
#dbef8a
```
#dbef8a rgb(219,239,138)
```
#e0f19c
```
#e0f19c rgb(224,241,156)
```
#e6f4ad
```
#e6f4ad rgb(230,244,173)
```
#ebf6be
```
#ebf6be rgb(235,246,190)
```
#f0f8cf
```
#f0f8cf rgb(240,248,207)
```
#f6fbe1
```
#f6fbe1 rgb(246,251,225)
```
#fbfdf2
```
#fbfdf2 rgb(251,253,242)
```

Tint Color Variation

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

#7d8070
```
#7d8070 rgb(125,128,112)
```
#828967
```
#828967 rgb(130,137,103)
```
#88925e
```
#88925e rgb(136,146,94)
```
#8e9c54
```
#8e9c54 rgb(142,156,84)
```
#93a54b
```
#93a54b rgb(147,165,75)
```
#99ae42
```
#99ae42 rgb(153,174,66)
```
#9eb739
```
#9eb739 rgb(158,183,57)
```
#a4c12f
```
#a4c12f rgb(164,193,47)
```
#a9ca26
```
#a9ca26 rgb(169,202,38)
```
#afd31d
```
#afd31d rgb(175,211,29)
```
#b5dc14
```
#b5dc14 rgb(181,220,20)
```
#bae50b
```
#bae50b rgb(186,229,11)
```
#c0ef01
```
#c0ef01 rgb(192,239,1)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b2b995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c824 Protanopia 1% of men
#f8be39 Deuteranopia 1% of men
#c5c7d5 Tritanopia 0.001% of the population

Trichromacy

#cecc22 Protanomaly 1% of men, 0.01% of women
#dec52f Deuteranomaly 6% of men, 0.4% of women
#bdcb92 Tritanomaly 0.01% of the population

#afd31d hex color

#afd31d Color Information

#afd31d Color Conversion

Color Schemes with #afd31d

Alternatives to #afd31d

#afd31d Preview

Shades and Tints of #afd31d

Tones of #afd31d

Color Blindness Simulator