#afd531 hex color

In a RGB color space, hex #afd531 is composed of 68.6% red, 83.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 77% yellow and 16.5% black. It has a hue angle of 73.9 degrees, a saturation of 66.1% and a lightness of 51.4%. #afd531 color hex could be obtained by blending #ffff62 with #5fab00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 84
- B 19
RGB color chart
- C 18
- M 0
- Y 77
- K 16
CMYK color chart

● #afd531 color description : Strong yellow.

The hexadecimal color #afd531 has RGB values of R:175, G:213, B:49 and CMYK values of C:0.18, M:0, Y:0.77, K:0.16. Its decimal value is 11523377.

Hex triplet	afd531	`#afd531`
RGB Decimal	175, 213, 49	`rgb(175,213,49)`
RGB Percent	68.6, 83.5, 19.2	`rgb(68.6%,83.5%,19.2%)`
CMYK	18, 0, 77, 16
HSL	73.9°, 66.1, 51.4	`hsl(73.9,66.1%,51.4%)`
HSV (or HSB)	73.9°, 77, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.137, -33.462, 70.727
XYZ	42.027, 56.924, 11.679
xyY	0.38, 0.515, 56.924
CIE-LCH	80.137, 78.243, 115.319
CIE-LUV	80.137, -17.977, 85.42
Hunter-Lab	75.448, -32.602, 43.636
Binary	10101111, 11010101, 00110001

#afd531
```
#afd531 rgb(175,213,49)
```
#5731d5
```
#5731d5 rgb(87,49,213)
```

Complementary Color

#d5a931
```
#d5a931 rgb(213,169,49)
```
#afd531
```
#afd531 rgb(175,213,49)
```
#5dd531
```
#5dd531 rgb(93,213,49)
```

Analogous Color

#a931d5
```
#a931d5 rgb(169,49,213)
```
#afd531
```
#afd531 rgb(175,213,49)
```
#315dd5
```
#315dd5 rgb(49,93,213)
```

Split Complementary Color

#d531af
```
#d531af rgb(213,49,175)
```
#afd531
```
#afd531 rgb(175,213,49)
```
#31afd5
```
#31afd5 rgb(49,175,213)
```

Triadic Color

#d55731
```
#d55731 rgb(213,87,49)
```
#afd531
```
#afd531 rgb(175,213,49)
```
#31afd5
```
#31afd5 rgb(49,175,213)
```
#5731d5
```
#5731d5 rgb(87,49,213)
```

Tetradic Color

#7e9a1f
```
#7e9a1f rgb(126,154,31)
```
#8faf24
```
#8faf24 rgb(143,175,36)
```
#a0c428
```
#a0c428 rgb(160,196,40)
```
#afd531
```
#afd531 rgb(175,213,49)
```
#b7d946
```
#b7d946 rgb(183,217,70)
```
#bfde5b
```
#bfde5b rgb(191,222,91)
```
#c8e271
```
#c8e271 rgb(200,226,113)
```

Monochromatic Color

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

#d5d231
```
#d5d231 rgb(213,210,49)
```
#cad531
```
#cad531 rgb(202,213,49)
```
#bdd531
```
#bdd531 rgb(189,213,49)
```
#afd531
```
#afd531 rgb(175,213,49)
```
#a1d531
```
#a1d531 rgb(161,213,49)
```
#94d531
```
#94d531 rgb(148,213,49)
```
#86d531
```
#86d531 rgb(134,213,49)
```

Similar Colors

Text with hexadecimal color #afd531

This text has a font color of #afd531.

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

#afd531 background color

This paragraph has a background color of #afd531.

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

#afd531 border color

This element has a border color of #afd531.

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

CSS codes

.text {color:#afd531;}

.background {background-color:#afd531;}

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

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

#050601
```
#050601 rgb(5,6,1)
```
#121605
```
#121605 rgb(18,22,5)
```
#1f2608
```
#1f2608 rgb(31,38,8)
```
#2d370b
```
#2d370b rgb(45,55,11)
```
#3a470e
```
#3a470e rgb(58,71,14)
```
#475712
```
#475712 rgb(71,87,18)
```
#546815
```
#546815 rgb(84,104,21)
```
#627818
```
#627818 rgb(98,120,24)
```
#6f881c
```
#6f881c rgb(111,136,28)
```
#7c981f
```
#7c981f rgb(124,152,31)
```
#8aa922
```
#8aa922 rgb(138,169,34)
```
#97b926
```
#97b926 rgb(151,185,38)
```
#a4c929
```
#a4c929 rgb(164,201,41)
```

Shade Color Variation

#afd531
```
#afd531 rgb(175,213,49)
```
#b5d841
```
#b5d841 rgb(181,216,65)
```
#bcdc52
```
#bcdc52 rgb(188,220,82)
```
#c2df62
```
#c2df62 rgb(194,223,98)
```
#c8e272
```
#c8e272 rgb(200,226,114)
```
#cfe682
```
#cfe682 rgb(207,230,130)
```
#d5e993
```
#d5e993 rgb(213,233,147)
```
#dbeca3
```
#dbeca3 rgb(219,236,163)
```
#e2f0b3
```
#e2f0b3 rgb(226,240,179)
```
#e8f3c4
```
#e8f3c4 rgb(232,243,196)
```
#eef6d4
```
#eef6d4 rgb(238,246,212)
```
#f5fae4
```
#f5fae4 rgb(245,250,228)
```
#fbfdf5
```
#fbfdf5 rgb(251,253,245)
```

Tint Color Variation

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

#86897d
```
#86897d rgb(134,137,125)
```
#8b9274
```
#8b9274 rgb(139,146,116)
```
#909c6a
```
#909c6a rgb(144,156,106)
```
#95a561
```
#95a561 rgb(149,165,97)
```
#9baf57
```
#9baf57 rgb(155,175,87)
```
#a0b84e
```
#a0b84e rgb(160,184,78)
```
#a5c244
```
#a5c244 rgb(165,194,68)
```
#aacb3b
```
#aacb3b rgb(170,203,59)
```
#afd531
```
#afd531 rgb(175,213,49)
```
#b4df27
```
#b4df27 rgb(180,223,39)
```
#b9e81e
```
#b9e81e rgb(185,232,30)
```
#bef214
```
#bef214 rgb(190,242,20)
```
#c3fb0b
```
#c3fb0b rgb(195,251,11)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5bd9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca38 Protanopia 1% of men
#f9c048 Deuteranopia 1% of men
#c5c9d7 Tritanopia 0.001% of the population

Trichromacy

#cfce35 Protanomaly 1% of men, 0.01% of women
#dec73f Deuteranomaly 6% of men, 0.4% of women
#bdcd9b Tritanomaly 0.01% of the population

#afd531 hex color

#afd531 Color Information

#afd531 Color Conversion

Color Schemes with #afd531

Alternatives to #afd531

#afd531 Preview

Shades and Tints of #afd531

Tones of #afd531

Color Blindness Simulator