#b2ab20 hex color

In a RGB color space, hex #b2ab20 is composed of 69.8% red, 67.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 82% yellow and 30.2% black. It has a hue angle of 57.1 degrees, a saturation of 69.5% and a lightness of 41.2%. #b2ab20 color hex could be obtained by blending #ffff40 with #655700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 67
- B 13
RGB color chart
- C 0
- M 4
- Y 82
- K 30
CMYK color chart

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

The hexadecimal color #b2ab20 has RGB values of R:178, G:171, B:32 and CMYK values of C:0, M:0.04, Y:0.82, K:0.3. Its decimal value is 11709216.

Hex triplet	b2ab20	`#b2ab20`
RGB Decimal	178, 171, 32	`rgb(178,171,32)`
RGB Percent	69.8, 67.1, 12.5	`rgb(69.8%,67.1%,12.5%)`
CMYK	0, 4, 82, 30
HSL	57.1°, 69.5, 41.2	`hsl(57.1,69.5%,41.2%)`
HSV (or HSB)	57.1°, 82, 69.8
Web Safe	999933	`#999933`

CIE-LAB	68.53, -12.282, 65.289
XYZ	33.184, 38.696, 7.088
xyY	0.42, 0.49, 38.696
CIE-LCH	68.53, 66.434, 100.654
CIE-LUV	68.53, 10.005, 71.458
Hunter-Lab	62.206, -13.639, 36.789
Binary	10110010, 10101011, 00100000

#b2ab20
```
#b2ab20 rgb(178,171,32)
```
#2027b2
```
#2027b2 rgb(32,39,178)
```

Complementary Color

#b26220
```
#b26220 rgb(178,98,32)
```
#b2ab20
```
#b2ab20 rgb(178,171,32)
```
#70b220
```
#70b220 rgb(112,178,32)
```

Analogous Color

#6220b2
```
#6220b2 rgb(98,32,178)
```
#b2ab20
```
#b2ab20 rgb(178,171,32)
```
#2070b2
```
#2070b2 rgb(32,112,178)
```

Split Complementary Color

#ab20b2
```
#ab20b2 rgb(171,32,178)
```
#b2ab20
```
#b2ab20 rgb(178,171,32)
```
#20b2ab
```
#20b2ab rgb(32,178,171)
```

Triadic Color

#b22027
```
#b22027 rgb(178,32,39)
```
#b2ab20
```
#b2ab20 rgb(178,171,32)
```
#20b2ab
```
#20b2ab rgb(32,178,171)
```
#2027b2
```
#2027b2 rgb(32,39,178)
```

Tetradic Color

#716d14
```
#716d14 rgb(113,109,20)
```
#878118
```
#878118 rgb(135,129,24)
```
#9c961c
```
#9c961c rgb(156,150,28)
```
#b2ab20
```
#b2ab20 rgb(178,171,32)
```
#c8c024
```
#c8c024 rgb(200,192,36)
```
#d9d12c
```
#d9d12c rgb(217,209,44)
```
#ddd542
```
#ddd542 rgb(221,213,66)
```

Monochromatic Color

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

#b28720
```
#b28720 rgb(178,135,32)
```
#b29320
```
#b29320 rgb(178,147,32)
```
#b29f20
```
#b29f20 rgb(178,159,32)
```
#b2ab20
```
#b2ab20 rgb(178,171,32)
```
#adb220
```
#adb220 rgb(173,178,32)
```
#a1b220
```
#a1b220 rgb(161,178,32)
```
#95b220
```
#95b220 rgb(149,178,32)
```

Similar Colors

Text with hexadecimal color #b2ab20

This text has a font color of #b2ab20.

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

#b2ab20 background color

This paragraph has a background color of #b2ab20.

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

#b2ab20 border color

This element has a border color of #b2ab20.

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

CSS codes

.text {color:#b2ab20;}

.background {background-color:#b2ab20;}

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

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

#0c0b02
```
#0c0b02 rgb(12,11,2)
```
#1c1b05
```
#1c1b05 rgb(28,27,5)
```
#2d2b08
```
#2d2b08 rgb(45,43,8)
```
#3e3b0b
```
#3e3b0b rgb(62,59,11)
```
#4e4b0e
```
#4e4b0e rgb(78,75,14)
```
#5f5b11
```
#5f5b11 rgb(95,91,17)
```
#6f6b14
```
#6f6b14 rgb(111,107,20)
```
#807b17
```
#807b17 rgb(128,123,23)
```
#918b1a
```
#918b1a rgb(145,139,26)
```
#a19b1d
```
#a19b1d rgb(161,155,29)
```
#b2ab20
```
#b2ab20 rgb(178,171,32)
```
#c3bb23
```
#c3bb23 rgb(195,187,35)
```
#d3cb26
```
#d3cb26 rgb(211,203,38)
```

Shade Color Variation

#dad233
```
#dad233 rgb(218,210,51)
```
#ddd643
```
#ddd643 rgb(221,214,67)
```
#e0da54
```
#e0da54 rgb(224,218,84)
```
#e3dd64
```
#e3dd64 rgb(227,221,100)
```
#e6e175
```
#e6e175 rgb(230,225,117)
```
#e9e486
```
#e9e486 rgb(233,228,134)
```
#ece896
```
#ece896 rgb(236,232,150)
```
#efeca7
```
#efeca7 rgb(239,236,167)
```
#f2efb8
```
#f2efb8 rgb(242,239,184)
```
#f5f3c8
```
#f5f3c8 rgb(245,243,200)
```
#f8f7d9
```
#f8f7d9 rgb(248,247,217)
```
#fbfae9
```
#fbfae9 rgb(251,250,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#717161
```
#717161 rgb(113,113,97)
```
#797859
```
#797859 rgb(121,120,89)
```
#827f50
```
#827f50 rgb(130,127,80)
```
#8a8648
```
#8a8648 rgb(138,134,72)
```
#928e40
```
#928e40 rgb(146,142,64)
```
#9a9538
```
#9a9538 rgb(154,149,56)
```
#a29c30
```
#a29c30 rgb(162,156,48)
```
#aaa428
```
#aaa428 rgb(170,164,40)
```
#b2ab20
```
#b2ab20 rgb(178,171,32)
```
#bab218
```
#bab218 rgb(186,178,24)
```
#c2ba10
```
#c2ba10 rgb(194,186,16)
```
#cac108
```
#cac108 rgb(202,193,8)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a1a084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac2a Protanopia 1% of men
#d5a332 Deuteranopia 1% of men
#c1a4af Tritanopia 0.001% of the population

Trichromacy

#bbab26 Protanomaly 1% of men, 0.01% of women
#c8a62c Deuteranomaly 6% of men, 0.4% of women
#bba67b Tritanomaly 0.01% of the population

#b2ab20 hex color

#b2ab20 Color Information

#b2ab20 Color Conversion

Color Schemes with #b2ab20

Alternatives to #b2ab20

#b2ab20 Preview

Shades and Tints of #b2ab20

Tones of #b2ab20

Color Blindness Simulator