#b2a722 hex color

In a RGB color space, hex #b2a722 is composed of 69.8% red, 65.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.2% magenta, 80.9% yellow and 30.2% black. It has a hue angle of 55.4 degrees, a saturation of 67.9% and a lightness of 41.6%. #b2a722 color hex could be obtained by blending #ffff44 with #654f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 65
- B 13
RGB color chart
- C 0
- M 6
- Y 81
- K 30
CMYK color chart

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

The hexadecimal color #b2a722 has RGB values of R:178, G:167, B:34 and CMYK values of C:0, M:0.06, Y:0.81, K:0.3. Its decimal value is 11708194.

Hex triplet	b2a722	`#b2a722`
RGB Decimal	178, 167, 34	`rgb(178,167,34)`
RGB Percent	69.8, 65.5, 13.3	`rgb(69.8%,65.5%,13.3%)`
CMYK	0, 6, 81, 30
HSL	55.4°, 67.9, 41.6	`hsl(55.4,67.9%,41.6%)`
HSV (or HSB)	55.4°, 80.9, 69.8
Web Safe	999933	`#999933`

CIE-LAB	67.441, -10.137, 63.793
XYZ	32.468, 37.219, 6.987
xyY	0.423, 0.485, 37.219
CIE-LCH	67.441, 64.593, 99.029
CIE-LUV	67.441, 12.685, 69.488
Hunter-Lab	61.007, -11.766, 35.915
Binary	10110010, 10100111, 00100010

#b2a722
```
#b2a722 rgb(178,167,34)
```
#222db2
```
#222db2 rgb(34,45,178)
```

Complementary Color

#b25f22
```
#b25f22 rgb(178,95,34)
```
#b2a722
```
#b2a722 rgb(178,167,34)
```
#75b222
```
#75b222 rgb(117,178,34)
```

Analogous Color

#5f22b2
```
#5f22b2 rgb(95,34,178)
```
#b2a722
```
#b2a722 rgb(178,167,34)
```
#2275b2
```
#2275b2 rgb(34,117,178)
```

Split Complementary Color

#a722b2
```
#a722b2 rgb(167,34,178)
```
#b2a722
```
#b2a722 rgb(178,167,34)
```
#22b2a7
```
#22b2a7 rgb(34,178,167)
```

Triadic Color

#b2222d
```
#b2222d rgb(178,34,45)
```
#b2a722
```
#b2a722 rgb(178,167,34)
```
#22b2a7
```
#22b2a7 rgb(34,178,167)
```
#222db2
```
#222db2 rgb(34,45,178)
```

Tetradic Color

#726b16
```
#726b16 rgb(114,107,22)
```
#877f1a
```
#877f1a rgb(135,127,26)
```
#9d931e
```
#9d931e rgb(157,147,30)
```
#b2a722
```
#b2a722 rgb(178,167,34)
```
#c7bb26
```
#c7bb26 rgb(199,187,38)
```
#d7cb30
```
#d7cb30 rgb(215,203,48)
```
#dbd045
```
#dbd045 rgb(219,208,69)
```

Monochromatic Color

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

#b28322
```
#b28322 rgb(178,131,34)
```
#b28f22
```
#b28f22 rgb(178,143,34)
```
#b29b22
```
#b29b22 rgb(178,155,34)
```
#b2a722
```
#b2a722 rgb(178,167,34)
```
#b1b222
```
#b1b222 rgb(177,178,34)
```
#a5b222
```
#a5b222 rgb(165,178,34)
```
#99b222
```
#99b222 rgb(153,178,34)
```

Similar Colors

Text with hexadecimal color #b2a722

This text has a font color of #b2a722.

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

#b2a722 background color

This paragraph has a background color of #b2a722.

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

#b2a722 border color

This element has a border color of #b2a722.

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

CSS codes

.text {color:#b2a722;}

.background {background-color:#b2a722;}

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

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

#0d0c03
```
#0d0c03 rgb(13,12,3)
```
#1e1c06
```
#1e1c06 rgb(30,28,6)
```
#2e2b09
```
#2e2b09 rgb(46,43,9)
```
#3f3b0c
```
#3f3b0c rgb(63,59,12)
```
#4f4a0f
```
#4f4a0f rgb(79,74,15)
```
#605a12
```
#605a12 rgb(96,90,18)
```
#706915
```
#706915 rgb(112,105,21)
```
#817919
```
#817919 rgb(129,121,25)
```
#91881c
```
#91881c rgb(145,136,28)
```
#a2981f
```
#a2981f rgb(162,152,31)
```
#b2a722
```
#b2a722 rgb(178,167,34)
```
#c2b625
```
#c2b625 rgb(194,182,37)
```
#d3c628
```
#d3c628 rgb(211,198,40)
```

Shade Color Variation

#d9cc36
```
#d9cc36 rgb(217,204,54)
```
#dcd047
```
#dcd047 rgb(220,208,71)
```
#dfd557
```
#dfd557 rgb(223,213,87)
```
#e2d968
```
#e2d968 rgb(226,217,104)
```
#e5dd78
```
#e5dd78 rgb(229,221,120)
```
#e8e189
```
#e8e189 rgb(232,225,137)
```
#ece599
```
#ece599 rgb(236,229,153)
```
#efe9a9
```
#efe9a9 rgb(239,233,169)
```
#f2eeba
```
#f2eeba rgb(242,238,186)
```
#f5f2ca
```
#f5f2ca rgb(245,242,202)
```
#f8f6db
```
#f8f6db rgb(248,246,219)
```
#fbfaeb
```
#fbfaeb rgb(251,250,235)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#717063
```
#717063 rgb(113,112,99)
```
#79775b
```
#79775b rgb(121,119,91)
```
#817e53
```
#817e53 rgb(129,126,83)
```
#89844b
```
#89844b rgb(137,132,75)
```
#918b43
```
#918b43 rgb(145,139,67)
```
#9a923a
```
#9a923a rgb(154,146,58)
```
#a29932
```
#a29932 rgb(162,153,50)
```
#aaa02a
```
#aaa02a rgb(170,160,42)
```
#b2a722
```
#b2a722 rgb(178,167,34)
```
#baae1a
```
#baae1a rgb(186,174,26)
```
#c2b512
```
#c2b512 rgb(194,181,18)
```
#cabc0a
```
#cabc0a rgb(202,188,10)
```
#d3c301
```
#d3c301 rgb(211,195,1)
```

Tone Color Variation

Below, you can see how #b2a722 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
#a09d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca92c Protanopia 1% of men
#d2a033 Deuteranopia 1% of men
#c0a0ab Tritanopia 0.001% of the population

Trichromacy

#b8a828 Protanomaly 1% of men, 0.01% of women
#c6a32d Deuteranomaly 6% of men, 0.4% of women
#bba279 Tritanomaly 0.01% of the population

#b2a722 hex color

#b2a722 Color Information

#b2a722 Color Conversion

Color Schemes with #b2a722

Alternatives to #b2a722

#b2a722 Preview

Shades and Tints of #b2a722

Tones of #b2a722

Color Blindness Simulator