colorhexa.com

#abab20 hex color

In a RGB color space, hex #abab20 is composed of 67.1% red, 67.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 81.3% yellow and 32.9% black. It has a hue angle of 60 degrees, a saturation of 68.5% and a lightness of 39.8%. #abab20 color hex could be obtained by blending #ffff40 with #575700. Closest websafe color is: #999933.

- R 67
- G 67
- B 13
RGB color chart
- C 0
- M 0
- Y 81
- K 33
CMYK color chart

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

The hexadecimal color #abab20 has RGB values of R:171, G:171, B:32 and CMYK values of C:0, M:0, Y:0.81, K:0.33. Its decimal value is 11250464.

Hex triplet	abab20	`#abab20`
RGB Decimal	171, 171, 32	`rgb(171,171,32)`
RGB Percent	67.1, 67.1, 12.5	`rgb(67.1%,67.1%,12.5%)`
CMYK	0, 0, 81, 33
HSL	60°, 68.5, 39.8	`hsl(60,68.5%,39.8%)`
HSV (or HSB)	60°, 81.3, 67.1
Web Safe	999933	`#999933`

CIE-LAB	67.938, -15.357, 64.547
XYZ	31.618, 37.889, 7.014
xyY	0.413, 0.495, 37.889
CIE-LCH	67.938, 66.349, 103.383
CIE-LUV	67.938, 5.144, 71.347
Hunter-Lab	61.554, -16.029, 36.331
Binary	10101011, 10101011, 00100000

#abab20
```
#abab20 rgb(171,171,32)
```
#2020ab
```
#2020ab rgb(32,32,171)
```

Complementary Color

#ab6620
```
#ab6620 rgb(171,102,32)
```
#abab20
```
#abab20 rgb(171,171,32)
```
#66ab20
```
#66ab20 rgb(102,171,32)
```

Analogous Color

#6620ab
```
#6620ab rgb(102,32,171)
```
#abab20
```
#abab20 rgb(171,171,32)
```
#2066ab
```
#2066ab rgb(32,102,171)
```

Split Complementary Color

#ab20ab
```
#ab20ab rgb(171,32,171)
```
#abab20
```
#abab20 rgb(171,171,32)
```
#20abab
```
#20abab rgb(32,171,171)
```

Triadic Color

#ab2020
```
#ab2020 rgb(171,32,32)
```
#abab20
```
#abab20 rgb(171,171,32)
```
#20abab
```
#20abab rgb(32,171,171)
```
#2020ab
```
#2020ab rgb(32,32,171)
```

Tetradic Color

#6b6b14
```
#6b6b14 rgb(107,107,20)
```
#808018
```
#808018 rgb(128,128,24)
```
#96961c
```
#96961c rgb(150,150,28)
```
#abab20
```
#abab20 rgb(171,171,32)
```
#c0c024
```
#c0c024 rgb(192,192,36)
```
#d6d628
```
#d6d628 rgb(214,214,40)
```
#dbdb3d
```
#dbdb3d rgb(219,219,61)
```

Monochromatic Color

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

#ab8820
```
#ab8820 rgb(171,136,32)
```
#ab9420
```
#ab9420 rgb(171,148,32)
```
#ab9f20
```
#ab9f20 rgb(171,159,32)
```
#abab20
```
#abab20 rgb(171,171,32)
```
#9fab20
```
#9fab20 rgb(159,171,32)
```
#94ab20
```
#94ab20 rgb(148,171,32)
```
#88ab20
```
#88ab20 rgb(136,171,32)
```

Similar Colors

Text with hexadecimal color #abab20

This text has a font color of #abab20.

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

#abab20 background color

This paragraph has a background color of #abab20.

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

#abab20 border color

This element has a border color of #abab20.

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

CSS codes

.text {color:#abab20;}

.background {background-color:#abab20;}

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

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

#060601
```
#060601 rgb(6,6,1)
```
#161604
```
#161604 rgb(22,22,4)
```
#272707
```
#272707 rgb(39,39,7)
```
#37370a
```
#37370a rgb(55,55,10)
```
#48480d
```
#48480d rgb(72,72,13)
```
#585811
```
#585811 rgb(88,88,17)
```
#696914
```
#696914 rgb(105,105,20)
```
#797917
```
#797917 rgb(121,121,23)
```
#8a8a1a
```
#8a8a1a rgb(138,138,26)
```
#9a9a1d
```
#9a9a1d rgb(154,154,29)
```
#abab20
```
#abab20 rgb(171,171,32)
```
#bcbc23
```
#bcbc23 rgb(188,188,35)
```
#cccc26
```
#cccc26 rgb(204,204,38)
```

Shade Color Variation

#d8d82e
```
#d8d82e rgb(216,216,46)
```
#dbdb3e
```
#dbdb3e rgb(219,219,62)
```
#dede4f
```
#dede4f rgb(222,222,79)
```
#e1e160
```
#e1e160 rgb(225,225,96)
```
#e4e470
```
#e4e470 rgb(228,228,112)
```
#e7e781
```
#e7e781 rgb(231,231,129)
```
#eaea91
```
#eaea91 rgb(234,234,145)
```
#eeeea2
```
#eeeea2 rgb(238,238,162)
```
#f1f1b2
```
#f1f1b2 rgb(241,241,178)
```
#f4f4c3
```
#f4f4c3 rgb(244,244,195)
```
#f7f7d3
```
#f7f7d3 rgb(247,247,211)
```
#fafae4
```
#fafae4 rgb(250,250,228)
```
#fdfdf4
```
#fdfdf4 rgb(253,253,244)
```

Tint Color Variation

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

#6d6d5e
```
#6d6d5e rgb(109,109,94)
```
#747457
```
#747457 rgb(116,116,87)
```
#7c7c4f
```
#7c7c4f rgb(124,124,79)
```
#848447
```
#848447 rgb(132,132,71)
```
#8c8c3f
```
#8c8c3f rgb(140,140,63)
```
#949437
```
#949437 rgb(148,148,55)
```
#9b9b30
```
#9b9b30 rgb(155,155,48)
```
#a3a328
```
#a3a328 rgb(163,163,40)
```
#abab20
```
#abab20 rgb(171,171,32)
```
#b3b318
```
#b3b318 rgb(179,179,24)
```
#bbbb10
```
#bbbb10 rgb(187,187,16)
```
#c2c209
```
#c2c209 rgb(194,194,9)
```
#caca01
```
#caca01 rgb(202,202,1)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#9e9e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa2a Protanopia 1% of men
#d3a233 Deuteranopia 1% of men
#bba4af Tritanopia 0.001% of the population

Trichromacy

#b7aa26 Protanomaly 1% of men, 0.01% of women
#c4a52c Deuteranomaly 6% of men, 0.4% of women
#b5a67b Tritanomaly 0.01% of the population