#afd31a hex color

In a RGB color space, hex #afd31a is composed of 68.6% red, 82.7% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 87.7% yellow and 17.3% black. It has a hue angle of 71.7 degrees, a saturation of 78.1% and a lightness of 46.5%. #afd31a color hex could be obtained by blending #ffff34 with #5fa700. Closest websafe color is: #99cc33.

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

● #afd31a color description : Strong yellow.

The hexadecimal color #afd31a has RGB values of R:175, G:211, B:26 and CMYK values of C:0.17, M:0, Y:0.88, K:0.17. Its decimal value is 11522842.

Hex triplet	afd31a	`#afd31a`
RGB Decimal	175, 211, 26	`rgb(175,211,26)`
RGB Percent	68.6, 82.7, 10.2	`rgb(68.6%,82.7%,10.2%)`
CMYK	17, 0, 88, 17
HSL	71.7°, 78.1, 46.5	`hsl(71.7,78.1%,46.5%)`
HSV (or HSB)	71.7°, 87.7, 82.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.487, -33.299, 75.694
XYZ	41.16, 55.777, 9.575
xyY	0.386, 0.524, 55.777
CIE-LCH	79.487, 82.695, 113.746
CIE-LUV	79.487, -16.768, 88.256
Hunter-Lab	74.684, -32.322, 44.677
Binary	10101111, 11010011, 00011010

#afd31a
```
#afd31a rgb(175,211,26)
```
#3e1ad3
```
#3e1ad3 rgb(62,26,211)
```

Complementary Color

#d39b1a
```
#d39b1a rgb(211,155,26)
```
#afd31a
```
#afd31a rgb(175,211,26)
```
#53d31a
```
#53d31a rgb(83,211,26)
```

Analogous Color

#9b1ad3
```
#9b1ad3 rgb(155,26,211)
```
#afd31a
```
#afd31a rgb(175,211,26)
```
#1a53d3
```
#1a53d3 rgb(26,83,211)
```

Split Complementary Color

#d31aaf
```
#d31aaf rgb(211,26,175)
```
#afd31a
```
#afd31a rgb(175,211,26)
```
#1aafd3
```
#1aafd3 rgb(26,175,211)
```

Triadic Color

#d33e1a
```
#d33e1a rgb(211,62,26)
```
#afd31a
```
#afd31a rgb(175,211,26)
```
#1aafd3
```
#1aafd3 rgb(26,175,211)
```
#3e1ad3
```
#3e1ad3 rgb(62,26,211)
```

Tetradic Color

#778f12
```
#778f12 rgb(119,143,18)
```
#89a614
```
#89a614 rgb(137,166,20)
```
#9cbc17
```
#9cbc17 rgb(156,188,23)
```
#afd31a
```
#afd31a rgb(175,211,26)
```
#bee423
```
#bee423 rgb(190,228,35)
```
#c5e739
```
#c5e739 rgb(197,231,57)
```
#cce950
```
#cce950 rgb(204,233,80)
```

Monochromatic Color

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

#d3c91a
```
#d3c91a rgb(211,201,26)
```
#ced31a
```
#ced31a rgb(206,211,26)
```
#bed31a
```
#bed31a rgb(190,211,26)
```
#afd31a
```
#afd31a rgb(175,211,26)
```
#a0d31a
```
#a0d31a rgb(160,211,26)
```
#90d31a
```
#90d31a rgb(144,211,26)
```
#81d31a
```
#81d31a rgb(129,211,26)
```

Similar Colors

Text with hexadecimal color #afd31a

This text has a font color of #afd31a.

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

#afd31a background color

This paragraph has a background color of #afd31a.

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

#afd31a border color

This element has a border color of #afd31a.

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

CSS codes

.text {color:#afd31a;}

.background {background-color:#afd31a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#101302
```
#101302 rgb(16,19,2)
```
#1e2404
```
#1e2404 rgb(30,36,4)
```
#2d3607
```
#2d3607 rgb(45,54,7)
```
#3b4709
```
#3b4709 rgb(59,71,9)
```
#4a590b
```
#4a590b rgb(74,89,11)
```
#586a0d
```
#586a0d rgb(88,106,13)
```
#677c0f
```
#677c0f rgb(103,124,15)
```
#758d11
```
#758d11 rgb(117,141,17)
```
#849f14
```
#849f14 rgb(132,159,20)
```
#92b016
```
#92b016 rgb(146,176,22)
```
#a1c218
```
#a1c218 rgb(161,194,24)
```
#afd31a
```
#afd31a rgb(175,211,26)
```

Shade Color Variation

#bde31d
```
#bde31d rgb(189,227,29)
```
#c2e52f
```
#c2e52f rgb(194,229,47)
```
#c7e840
```
#c7e840 rgb(199,232,64)
```
#ccea52
```
#ccea52 rgb(204,234,82)
```
#d1ec63
```
#d1ec63 rgb(209,236,99)
```
#d6ee75
```
#d6ee75 rgb(214,238,117)
```
#dcf086
```
#dcf086 rgb(220,240,134)
```
#e1f298
```
#e1f298 rgb(225,242,152)
```
#e6f4a9
```
#e6f4a9 rgb(230,244,169)
```
#ebf7bb
```
#ebf7bb rgb(235,247,187)
```
#f0f9cc
```
#f0f9cc rgb(240,249,204)
```
#f5fbde
```
#f5fbde rgb(245,251,222)
```
#fafdef
```
#fafdef rgb(250,253,239)
```

Tint Color Variation

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

#777875
```
#777875 rgb(119,120,117)
```
#7d816c
```
#7d816c rgb(125,129,108)
```
#828a63
```
#828a63 rgb(130,138,99)
```
#88935a
```
#88935a rgb(136,147,90)
```
#8e9c51
```
#8e9c51 rgb(142,156,81)
```
#93a548
```
#93a548 rgb(147,165,72)
```
#99af3e
```
#99af3e rgb(153,175,62)
```
#9eb835
```
#9eb835 rgb(158,184,53)
```
#a4c12c
```
#a4c12c rgb(164,193,44)
```
#a9ca23
```
#a9ca23 rgb(169,202,35)
```
#afd31a
```
#afd31a rgb(175,211,26)
```
#b5dc11
```
#b5dc11 rgb(181,220,17)
```
#bae508
```
#bae508 rgb(186,229,8)
```

Tone Color Variation

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

Dichromacy

#e0c821 Protanopia 1% of men
#f8be37 Deuteranopia 1% of men
#c5c7d5 Tritanopia 0.001% of the population

Trichromacy

#cecc1e Protanomaly 1% of men, 0.01% of women
#dec52c Deuteranomaly 6% of men, 0.4% of women
#bdcb91 Tritanomaly 0.01% of the population

#afd31a hex color

#afd31a Color Information

#afd31a Color Conversion

Color Schemes with #afd31a

Alternatives to #afd31a

#afd31a Preview

Shades and Tints of #afd31a

Tones of #afd31a

Color Blindness Simulator