#afd31b hex color

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

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

● #afd31b color description : Strong yellow.

The hexadecimal color #afd31b has RGB values of R:175, G:211, B:27 and CMYK values of C:0.17, M:0, Y:0.87, K:0.17. Its decimal value is 11522843.

Hex triplet	afd31b	`#afd31b`
RGB Decimal	175, 211, 27	`rgb(175,211,27)`
RGB Percent	68.6, 82.7, 10.6	`rgb(68.6%,82.7%,10.6%)`
CMYK	17, 0, 87, 17
HSL	71.7°, 77.3, 46.7	`hsl(71.7,77.3%,46.7%)`
HSV (or HSB)	71.7°, 87.2, 82.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.489, -33.276, 75.513
XYZ	41.171, 55.781, 9.635
xyY	0.386, 0.523, 55.781
CIE-LCH	79.489, 82.52, 113.781
CIE-LUV	79.489, -16.77, 88.142
Hunter-Lab	74.687, -32.304, 44.632
Binary	10101111, 11010011, 00011011

#afd31b
```
#afd31b rgb(175,211,27)
```
#3f1bd3
```
#3f1bd3 rgb(63,27,211)
```

Complementary Color

#d39b1b
```
#d39b1b rgb(211,155,27)
```
#afd31b
```
#afd31b rgb(175,211,27)
```
#53d31b
```
#53d31b rgb(83,211,27)
```

Analogous Color

#9b1bd3
```
#9b1bd3 rgb(155,27,211)
```
#afd31b
```
#afd31b rgb(175,211,27)
```
#1b53d3
```
#1b53d3 rgb(27,83,211)
```

Split Complementary Color

#d31baf
```
#d31baf rgb(211,27,175)
```
#afd31b
```
#afd31b rgb(175,211,27)
```
#1bafd3
```
#1bafd3 rgb(27,175,211)
```

Triadic Color

#d33f1b
```
#d33f1b rgb(211,63,27)
```
#afd31b
```
#afd31b rgb(175,211,27)
```
#1bafd3
```
#1bafd3 rgb(27,175,211)
```
#3f1bd3
```
#3f1bd3 rgb(63,27,211)
```

Tetradic Color

#778f12
```
#778f12 rgb(119,143,18)
```
#8aa615
```
#8aa615 rgb(138,166,21)
```
#9cbc18
```
#9cbc18 rgb(156,188,24)
```
#afd31b
```
#afd31b rgb(175,211,27)
```
#bee324
```
#bee324 rgb(190,227,36)
```
#c5e63b
```
#c5e63b rgb(197,230,59)
```
#cbe952
```
#cbe952 rgb(203,233,82)
```

Monochromatic Color

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

#d3c91b
```
#d3c91b rgb(211,201,27)
```
#ced31b
```
#ced31b rgb(206,211,27)
```
#bed31b
```
#bed31b rgb(190,211,27)
```
#afd31b
```
#afd31b rgb(175,211,27)
```
#a0d31b
```
#a0d31b rgb(160,211,27)
```
#90d31b
```
#90d31b rgb(144,211,27)
```
#81d31b
```
#81d31b rgb(129,211,27)
```

Similar Colors

Text with hexadecimal color #afd31b

This text has a font color of #afd31b.

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

#afd31b background color

This paragraph has a background color of #afd31b.

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

#afd31b border color

This element has a border color of #afd31b.

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

CSS codes

.text {color:#afd31b;}

.background {background-color:#afd31b;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#101403
```
#101403 rgb(16,20,3)
```
#1f2505
```
#1f2505 rgb(31,37,5)
```
#2d3607
```
#2d3607 rgb(45,54,7)
```
#3c4809
```
#3c4809 rgb(60,72,9)
```
#4a590b
```
#4a590b rgb(74,89,11)
```
#586b0e
```
#586b0e rgb(88,107,14)
```
#677c10
```
#677c10 rgb(103,124,16)
```
#758d12
```
#758d12 rgb(117,141,18)
```
#849f14
```
#849f14 rgb(132,159,20)
```
#92b017
```
#92b017 rgb(146,176,23)
```
#a1c219
```
#a1c219 rgb(161,194,25)
```
#afd31b
```
#afd31b rgb(175,211,27)
```

Shade Color Variation

#bce21f
```
#bce21f rgb(188,226,31)
```
#c1e531
```
#c1e531 rgb(193,229,49)
```
#c7e742
```
#c7e742 rgb(199,231,66)
```
#cce953
```
#cce953 rgb(204,233,83)
```
#d1eb65
```
#d1eb65 rgb(209,235,101)
```
#d6ed76
```
#d6ed76 rgb(214,237,118)
```
#dbf088
```
#dbf088 rgb(219,240,136)
```
#e1f299
```
#e1f299 rgb(225,242,153)
```
#e6f4aa
```
#e6f4aa rgb(230,244,170)
```
#ebf6bc
```
#ebf6bc rgb(235,246,188)
```
#f0f9cd
```
#f0f9cd rgb(240,249,205)
```
#f5fbdf
```
#f5fbdf rgb(245,251,223)
```
#fbfdf0
```
#fbfdf0 rgb(251,253,240)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#7d816d
```
#7d816d rgb(125,129,109)
```
#828a64
```
#828a64 rgb(130,138,100)
```
#88935b
```
#88935b rgb(136,147,91)
```
#8e9c52
```
#8e9c52 rgb(142,156,82)
```
#93a549
```
#93a549 rgb(147,165,73)
```
#99ae40
```
#99ae40 rgb(153,174,64)
```
#9eb836
```
#9eb836 rgb(158,184,54)
```
#a4c12d
```
#a4c12d rgb(164,193,45)
```
#a9ca24
```
#a9ca24 rgb(169,202,36)
```
#afd31b
```
#afd31b rgb(175,211,27)
```
#b5dc12
```
#b5dc12 rgb(181,220,18)
```
#bae509
```
#bae509 rgb(186,229,9)
```

Tone Color Variation

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

#e0c822 Protanopia 1% of men
#f8be38 Deuteranopia 1% of men
#c5c7d5 Tritanopia 0.001% of the population

Trichromacy

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

#afd31b hex color

#afd31b Color Information

#afd31b Color Conversion

Color Schemes with #afd31b

Alternatives to #afd31b

#afd31b Preview

Shades and Tints of #afd31b

Tones of #afd31b

Color Blindness Simulator