#afab20 hex color

In a RGB color space, hex #afab20 is composed of 68.6% red, 67.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.3% magenta, 81.7% yellow and 31.4% black. It has a hue angle of 58.3 degrees, a saturation of 69.1% and a lightness of 40.6%. #afab20 color hex could be obtained by blending #ffff40 with #5f5700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 67
- B 13
RGB color chart
- C 0
- M 2
- Y 82
- K 31
CMYK color chart

● #afab20 color description : Dark yellow [Olive tone].

The hexadecimal color #afab20 has RGB values of R:175, G:171, B:32 and CMYK values of C:0, M:0.02, Y:0.82, K:0.31. Its decimal value is 11512608.

Hex triplet	afab20	`#afab20`
RGB Decimal	175, 171, 32	`rgb(175,171,32)`
RGB Percent	68.6, 67.1, 12.5	`rgb(68.6%,67.1%,12.5%)`
CMYK	0, 2, 82, 31
HSL	58.3°, 69.1, 40.6	`hsl(58.3,69.1%,40.6%)`
HSV (or HSB)	58.3°, 81.7, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.274, -13.601, 64.968
XYZ	32.503, 38.345, 7.056
xyY	0.417, 0.492, 38.345
CIE-LCH	68.274, 66.377, 101.824
CIE-LUV	68.274, 7.907, 71.409
Hunter-Lab	61.923, -14.672, 36.591
Binary	10101111, 10101011, 00100000

#afab20
```
#afab20 rgb(175,171,32)
```
#2024af
```
#2024af rgb(32,36,175)
```

Complementary Color

#af6420
```
#af6420 rgb(175,100,32)
```
#afab20
```
#afab20 rgb(175,171,32)
```
#6caf20
```
#6caf20 rgb(108,175,32)
```

Analogous Color

#6420af
```
#6420af rgb(100,32,175)
```
#afab20
```
#afab20 rgb(175,171,32)
```
#206caf
```
#206caf rgb(32,108,175)
```

Split Complementary Color

#ab20af
```
#ab20af rgb(171,32,175)
```
#afab20
```
#afab20 rgb(175,171,32)
```
#20afab
```
#20afab rgb(32,175,171)
```

Triadic Color

#af2024
```
#af2024 rgb(175,32,36)
```
#afab20
```
#afab20 rgb(175,171,32)
```
#20afab
```
#20afab rgb(32,175,171)
```
#2024af
```
#2024af rgb(32,36,175)
```

Tetradic Color

#6e6c14
```
#6e6c14 rgb(110,108,20)
```
#848118
```
#848118 rgb(132,129,24)
```
#99961c
```
#99961c rgb(153,150,28)
```
#afab20
```
#afab20 rgb(175,171,32)
```
#c5c024
```
#c5c024 rgb(197,192,36)
```
#d8d32a
```
#d8d32a rgb(216,211,42)
```
#dcd840
```
#dcd840 rgb(220,216,64)
```

Monochromatic Color

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

#af8720
```
#af8720 rgb(175,135,32)
```
#af9320
```
#af9320 rgb(175,147,32)
```
#af9f20
```
#af9f20 rgb(175,159,32)
```
#afab20
```
#afab20 rgb(175,171,32)
```
#a7af20
```
#a7af20 rgb(167,175,32)
```
#9baf20
```
#9baf20 rgb(155,175,32)
```
#8faf20
```
#8faf20 rgb(143,175,32)
```

Similar Colors

Text with hexadecimal color #afab20

This text has a font color of #afab20.

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

#afab20 background color

This paragraph has a background color of #afab20.

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

#afab20 border color

This element has a border color of #afab20.

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

CSS codes

.text {color:#afab20;}

.background {background-color:#afab20;}

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

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

#090902
```
#090902 rgb(9,9,2)
```
#1a1905
```
#1a1905 rgb(26,25,5)
```
#2a2908
```
#2a2908 rgb(42,41,8)
```
#3b3a0b
```
#3b3a0b rgb(59,58,11)
```
#4c4a0e
```
#4c4a0e rgb(76,74,14)
```
#5c5a11
```
#5c5a11 rgb(92,90,17)
```
#6d6a14
```
#6d6a14 rgb(109,106,20)
```
#7d7a17
```
#7d7a17 rgb(125,122,23)
```
#8e8b1a
```
#8e8b1a rgb(142,139,26)
```
#9e9b1d
```
#9e9b1d rgb(158,155,29)
```
#afab20
```
#afab20 rgb(175,171,32)
```
#c0bb23
```
#c0bb23 rgb(192,187,35)
```
#d0cb26
```
#d0cb26 rgb(208,203,38)
```

Shade Color Variation

#d9d531
```
#d9d531 rgb(217,213,49)
```
#dcd841
```
#dcd841 rgb(220,216,65)
```
#dfdb52
```
#dfdb52 rgb(223,219,82)
```
#e2df62
```
#e2df62 rgb(226,223,98)
```
#e5e273
```
#e5e273 rgb(229,226,115)
```
#e8e684
```
#e8e684 rgb(232,230,132)
```
#ebe994
```
#ebe994 rgb(235,233,148)
```
#eeeca5
```
#eeeca5 rgb(238,236,165)
```
#f2f0b5
```
#f2f0b5 rgb(242,240,181)
```
#f5f3c6
```
#f5f3c6 rgb(245,243,198)
```
#f8f7d6
```
#f8f7d6 rgb(248,247,214)
```
#fbfae7
```
#fbfae7 rgb(251,250,231)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#6f6f60
```
#6f6f60 rgb(111,111,96)
```
#777658
```
#777658 rgb(119,118,88)
```
#7f7e50
```
#7f7e50 rgb(127,126,80)
```
#878548
```
#878548 rgb(135,133,72)
```
#8f8d40
```
#8f8d40 rgb(143,141,64)
```
#979438
```
#979438 rgb(151,148,56)
```
#9f9c30
```
#9f9c30 rgb(159,156,48)
```
#a7a328
```
#a7a328 rgb(167,163,40)
```
#afab20
```
#afab20 rgb(175,171,32)
```
#b7b318
```
#b7b318 rgb(183,179,24)
```
#bfba10
```
#bfba10 rgb(191,186,16)
```
#c7c208
```
#c7c208 rgb(199,194,8)
```
#cfc900
```
#cfc900 rgb(207,201,0)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a09f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab2a Protanopia 1% of men
#d4a233 Deuteranopia 1% of men
#bea4af Tritanopia 0.001% of the population

Trichromacy

#b9ab26 Protanomaly 1% of men, 0.01% of women
#c7a52c Deuteranomaly 6% of men, 0.4% of women
#b8a67b Tritanomaly 0.01% of the population

#afab20 hex color

#afab20 Color Information

#afab20 Color Conversion

Color Schemes with #afab20

Alternatives to #afab20

#afab20 Preview

Shades and Tints of #afab20

Tones of #afab20

Color Blindness Simulator