#afb521 hex color

In a RGB color space, hex #afb521 is composed of 68.6% red, 71% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 81.8% yellow and 29% black. It has a hue angle of 62.4 degrees, a saturation of 69.2% and a lightness of 42%. #afb521 color hex could be obtained by blending #ffff42 with #5f6b00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 71
- B 13
RGB color chart
- C 3
- M 0
- Y 82
- K 29
CMYK color chart

● #afb521 color description : Strong yellow.

The hexadecimal color #afb521 has RGB values of R:175, G:181, B:33 and CMYK values of C:0.03, M:0, Y:0.82, K:0.29. Its decimal value is 11515169.

Hex triplet	afb521	`#afb521`
RGB Decimal	175, 181, 33	`rgb(175,181,33)`
RGB Percent	68.6, 71, 12.9	`rgb(68.6%,71%,12.9%)`
CMYK	3, 0, 82, 29
HSL	62.4°, 69.2, 42	`hsl(62.4,69.2%,42%)`
HSV (or HSB)	62.4°, 81.8, 71
Web Safe	99cc33	`#99cc33`

CIE-LAB	71.058, -18.66, 67.101
XYZ	34.478, 42.272, 7.782
xyY	0.408, 0.5, 42.272
CIE-LCH	71.058, 69.647, 105.54
CIE-LUV	71.058, 1.368, 75.305
Hunter-Lab	65.017, -19.123, 38.415
Binary	10101111, 10110101, 00100001

#afb521
```
#afb521 rgb(175,181,33)
```
#2721b5
```
#2721b5 rgb(39,33,181)
```

Complementary Color

#b57121
```
#b57121 rgb(181,113,33)
```
#afb521
```
#afb521 rgb(175,181,33)
```
#65b521
```
#65b521 rgb(101,181,33)
```

Analogous Color

#7121b5
```
#7121b5 rgb(113,33,181)
```
#afb521
```
#afb521 rgb(175,181,33)
```
#2165b5
```
#2165b5 rgb(33,101,181)
```

Split Complementary Color

#b521af
```
#b521af rgb(181,33,175)
```
#afb521
```
#afb521 rgb(175,181,33)
```
#21afb5
```
#21afb5 rgb(33,175,181)
```

Triadic Color

#b52721
```
#b52721 rgb(181,39,33)
```
#afb521
```
#afb521 rgb(175,181,33)
```
#21afb5
```
#21afb5 rgb(33,175,181)
```
#2721b5
```
#2721b5 rgb(39,33,181)
```

Tetradic Color

#707415
```
#707415 rgb(112,116,21)
```
#858a19
```
#858a19 rgb(133,138,25)
```
#9a9f1d
```
#9a9f1d rgb(154,159,29)
```
#afb521
```
#afb521 rgb(175,181,33)
```
#c4cb25
```
#c4cb25 rgb(196,203,37)
```
#d2d930
```
#d2d930 rgb(210,217,48)
```
#d7dd45
```
#d7dd45 rgb(215,221,69)
```

Monochromatic Color

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

#b59621
```
#b59621 rgb(181,150,33)
```
#b5a221
```
#b5a221 rgb(181,162,33)
```
#b5af21
```
#b5af21 rgb(181,175,33)
```
#afb521
```
#afb521 rgb(175,181,33)
```
#a3b521
```
#a3b521 rgb(163,181,33)
```
#96b521
```
#96b521 rgb(150,181,33)
```
#8ab521
```
#8ab521 rgb(138,181,33)
```

Similar Colors

Text with hexadecimal color #afb521

This text has a font color of #afb521.

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

#afb521 background color

This paragraph has a background color of #afb521.

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

#afb521 border color

This element has a border color of #afb521.

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

CSS codes

.text {color:#afb521;}

.background {background-color:#afb521;}

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

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, #0f0f03 is the darkest color, while #fffffe is the lightest one.

#0f0f03
```
#0f0f03 rgb(15,15,3)
```
#1f2006
```
#1f2006 rgb(31,32,6)
```
#2f3009
```
#2f3009 rgb(47,48,9)
```
#3f410c
```
#3f410c rgb(63,65,12)
```
#4f510f
```
#4f510f rgb(79,81,15)
```
#5f6212
```
#5f6212 rgb(95,98,18)
```
#6f7315
```
#6f7315 rgb(111,115,21)
```
#7f8318
```
#7f8318 rgb(127,131,24)
```
#8f941b
```
#8f941b rgb(143,148,27)
```
#9fa41e
```
#9fa41e rgb(159,164,30)
```
#afb521
```
#afb521 rgb(175,181,33)
```
#bfc624
```
#bfc624 rgb(191,198,36)
```
#cfd627
```
#cfd627 rgb(207,214,39)
```

Shade Color Variation

#d4da36
```
#d4da36 rgb(212,218,54)
```
#d7dd47
```
#d7dd47 rgb(215,221,71)
```
#dbe058
```
#dbe058 rgb(219,224,88)
```
#dfe468
```
#dfe468 rgb(223,228,104)
```
#e2e779
```
#e2e779 rgb(226,231,121)
```
#e6ea89
```
#e6ea89 rgb(230,234,137)
```
#e9ed9a
```
#e9ed9a rgb(233,237,154)
```
#edf0ab
```
#edf0ab rgb(237,240,171)
```
#f0f3bb
```
#f0f3bb rgb(240,243,187)
```
#f4f6cc
```
#f4f6cc rgb(244,246,204)
```
#f8f9dc
```
#f8f9dc rgb(248,249,220)
```
#fbfced
```
#fbfced rgb(251,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#727363
```
#727363 rgb(114,115,99)
```
#7a7b5b
```
#7a7b5b rgb(122,123,91)
```
#828452
```
#828452 rgb(130,132,82)
```
#898c4a
```
#898c4a rgb(137,140,74)
```
#919442
```
#919442 rgb(145,148,66)
```
#989c3a
```
#989c3a rgb(152,156,58)
```
#a0a531
```
#a0a531 rgb(160,165,49)
```
#a7ad29
```
#a7ad29 rgb(167,173,41)
```
#afb521
```
#afb521 rgb(175,181,33)
```
#b7bd19
```
#b7bd19 rgb(183,189,25)
```
#bec511
```
#bec511 rgb(190,197,17)
```
#c6ce08
```
#c6ce08 rgb(198,206,8)
```
#cdd600
```
#cdd600 rgb(205,214,0)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a5a688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b22a Protanopia 1% of men
#dda936 Deuteranopia 1% of men
#c0acb9 Tritanopia 0.001% of the population

Trichromacy

#beb327 Protanomaly 1% of men, 0.01% of women
#ccad2e Deuteranomaly 6% of men, 0.4% of women
#b9af81 Tritanomaly 0.01% of the population

#afb521 hex color

#afb521 Color Information

#afb521 Color Conversion

Color Schemes with #afb521

Alternatives to #afb521

#afb521 Preview

Shades and Tints of #afb521

Tones of #afb521

Color Blindness Simulator