#b2a22a hex color

In a RGB color space, hex #b2a22a is composed of 69.8% red, 63.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9% magenta, 76.4% yellow and 30.2% black. It has a hue angle of 52.9 degrees, a saturation of 61.8% and a lightness of 43.1%. #b2a22a color hex could be obtained by blending #ffff54 with #654500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 64
- B 16
RGB color chart
- C 0
- M 9
- Y 76
- K 30
CMYK color chart

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

The hexadecimal color #b2a22a has RGB values of R:178, G:162, B:42 and CMYK values of C:0, M:0.09, Y:0.76, K:0.3. Its decimal value is 11706922.

Hex triplet	b2a22a	`#b2a22a`
RGB Decimal	178, 162, 42	`rgb(178,162,42)`
RGB Percent	69.8, 63.5, 16.5	`rgb(69.8%,63.5%,16.5%)`
CMYK	0, 9, 76, 30
HSL	52.9°, 61.8, 43.1	`hsl(52.9,61.8%,43.1%)`
HSV (or HSB)	52.9°, 76.4, 69.8
Web Safe	999933	`#999933`

CIE-LAB	66.116, -7.208, 60.079
XYZ	31.699, 35.474, 7.368
xyY	0.425, 0.476, 35.474
CIE-LCH	66.116, 60.51, 96.841
CIE-LUV	66.116, 15.958, 65.81
Hunter-Lab	59.56, -9.23, 34.357
Binary	10110010, 10100010, 00101010

#b2a22a
```
#b2a22a rgb(178,162,42)
```
#2a3ab2
```
#2a3ab2 rgb(42,58,178)
```

Complementary Color

#b25e2a
```
#b25e2a rgb(178,94,42)
```
#b2a22a
```
#b2a22a rgb(178,162,42)
```
#7eb22a
```
#7eb22a rgb(126,178,42)
```

Analogous Color

#5e2ab2
```
#5e2ab2 rgb(94,42,178)
```
#b2a22a
```
#b2a22a rgb(178,162,42)
```
#2a7eb2
```
#2a7eb2 rgb(42,126,178)
```

Split Complementary Color

#a22ab2
```
#a22ab2 rgb(162,42,178)
```
#b2a22a
```
#b2a22a rgb(178,162,42)
```
#2ab2a2
```
#2ab2a2 rgb(42,178,162)
```

Triadic Color

#b22a3a
```
#b22a3a rgb(178,42,58)
```
#b2a22a
```
#b2a22a rgb(178,162,42)
```
#2ab2a2
```
#2ab2a2 rgb(42,178,162)
```
#2a3ab2
```
#2a3ab2 rgb(42,58,178)
```

Tetradic Color

#746a1b
```
#746a1b rgb(116,106,27)
```
#897c20
```
#897c20 rgb(137,124,32)
```
#9d8f25
```
#9d8f25 rgb(157,143,37)
```
#b2a22a
```
#b2a22a rgb(178,162,42)
```
#c7b52f
```
#c7b52f rgb(199,181,47)
```
#d1c03e
```
#d1c03e rgb(209,192,62)
```
#d6c752
```
#d6c752 rgb(214,199,82)
```

Monochromatic Color

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

#b2802a
```
#b2802a rgb(178,128,42)
```
#b28b2a
```
#b28b2a rgb(178,139,42)
```
#b2972a
```
#b2972a rgb(178,151,42)
```
#b2a22a
```
#b2a22a rgb(178,162,42)
```
#b2ad2a
```
#b2ad2a rgb(178,173,42)
```
#abb22a
```
#abb22a rgb(171,178,42)
```
#a0b22a
```
#a0b22a rgb(160,178,42)
```

Similar Colors

Text with hexadecimal color #b2a22a

This text has a font color of #b2a22a.

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

#b2a22a background color

This paragraph has a background color of #b2a22a.

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

#b2a22a border color

This element has a border color of #b2a22a.

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

CSS codes

.text {color:#b2a22a;}

.background {background-color:#b2a22a;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#131205
```
#131205 rgb(19,18,5)
```
#232008
```
#232008 rgb(35,32,8)
```
#332e0c
```
#332e0c rgb(51,46,12)
```
#433d10
```
#433d10 rgb(67,61,16)
```
#534b14
```
#534b14 rgb(83,75,20)
```
#635a17
```
#635a17 rgb(99,90,23)
```
#73681b
```
#73681b rgb(115,104,27)
```
#82771f
```
#82771f rgb(130,119,31)
```
#928523
```
#928523 rgb(146,133,35)
```
#a29426
```
#a29426 rgb(162,148,38)
```
#b2a22a
```
#b2a22a rgb(178,162,42)
```
#c2b02e
```
#c2b02e rgb(194,176,46)
```

Shade Color Variation

#cfbd34
```
#cfbd34 rgb(207,189,52)
```
#d3c244
```
#d3c244 rgb(211,194,68)
```
#d7c754
```
#d7c754 rgb(215,199,84)
```
#dacc64
```
#dacc64 rgb(218,204,100)
```
#ded274
```
#ded274 rgb(222,210,116)
```
#e2d783
```
#e2d783 rgb(226,215,131)
```
#e6dc93
```
#e6dc93 rgb(230,220,147)
```
#e9e1a3
```
#e9e1a3 rgb(233,225,163)
```
#ede6b3
```
#ede6b3 rgb(237,230,179)
```
#f1ebc3
```
#f1ebc3 rgb(241,235,195)
```
#f5f1d3
```
#f5f1d3 rgb(245,241,211)
```
#f8f6e3
```
#f8f6e3 rgb(248,246,227)
```
#fcfbf3
```
#fcfbf3 rgb(252,251,243)
```

Tint Color Variation

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

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#777565
```
#777565 rgb(119,117,101)
```
#7f7b5d
```
#7f7b5d rgb(127,123,93)
```
#888254
```
#888254 rgb(136,130,84)
```
#90884c
```
#90884c rgb(144,136,76)
```
#998f43
```
#998f43 rgb(153,143,67)
```
#a1953b
```
#a1953b rgb(161,149,59)
```
#aa9c32
```
#aa9c32 rgb(170,156,50)
```
#b2a22a
```
#b2a22a rgb(178,162,42)
```
#baa822
```
#baa822 rgb(186,168,34)
```
#c3af19
```
#c3af19 rgb(195,175,25)
```
#cbb511
```
#cbb511 rgb(203,181,17)
```
#d4bc08
```
#d4bc08 rgb(212,188,8)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9e9b83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a534 Protanopia 1% of men
#cd9d39 Deuteranopia 1% of men
#bf9ca7 Tritanopia 0.001% of the population

Trichromacy

#b6a430 Protanomaly 1% of men, 0.01% of women
#c39f33 Deuteranomaly 6% of men, 0.4% of women
#ba9e79 Tritanomaly 0.01% of the population

#b2a22a hex color

#b2a22a Color Information

#b2a22a Color Conversion

Color Schemes with #b2a22a

Alternatives to #b2a22a

#b2a22a Preview

Shades and Tints of #b2a22a

Tones of #b2a22a

Color Blindness Simulator