#b8a22a hex color

In a RGB color space, hex #b8a22a is composed of 72.2% red, 63.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12% magenta, 77.2% yellow and 27.8% black. It has a hue angle of 50.7 degrees, a saturation of 62.8% and a lightness of 44.3%. #b8a22a color hex could be obtained by blending #ffff54 with #714500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 72
- G 64
- B 16
RGB color chart
- C 0
- M 12
- Y 77
- K 28
CMYK color chart

● #b8a22a color description : Strong yellow.

The hexadecimal color #b8a22a has RGB values of R:184, G:162, B:42 and CMYK values of C:0, M:0.12, Y:0.77, K:0.28. Its decimal value is 12100138.

Hex triplet	b8a22a	`#b8a22a`
RGB Decimal	184, 162, 42	`rgb(184,162,42)`
RGB Percent	72.2, 63.5, 16.5	`rgb(72.2%,63.5%,16.5%)`
CMYK	0, 12, 77, 28
HSL	50.7°, 62.8, 44.3	`hsl(50.7,62.8%,44.3%)`
HSV (or HSB)	50.7°, 77.2, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.672, -4.548, 60.796
XYZ	33.106, 36.199, 7.434
xyY	0.431, 0.472, 36.199
CIE-LCH	66.672, 60.966, 94.278
CIE-LUV	66.672, 20.33, 65.966
Hunter-Lab	60.166, -7.072, 34.791
Binary	10111000, 10100010, 00101010

#b8a22a
```
#b8a22a rgb(184,162,42)
```
#2a40b8
```
#2a40b8 rgb(42,64,184)
```

Complementary Color

#b85b2a
```
#b85b2a rgb(184,91,42)
```
#b8a22a
```
#b8a22a rgb(184,162,42)
```
#87b82a
```
#87b82a rgb(135,184,42)
```

Analogous Color

#5b2ab8
```
#5b2ab8 rgb(91,42,184)
```
#b8a22a
```
#b8a22a rgb(184,162,42)
```
#2a87b8
```
#2a87b8 rgb(42,135,184)
```

Split Complementary Color

#a22ab8
```
#a22ab8 rgb(162,42,184)
```
#b8a22a
```
#b8a22a rgb(184,162,42)
```
#2ab8a2
```
#2ab8a2 rgb(42,184,162)
```

Triadic Color

#b82a40
```
#b82a40 rgb(184,42,64)
```
#b8a22a
```
#b8a22a rgb(184,162,42)
```
#2ab8a2
```
#2ab8a2 rgb(42,184,162)
```
#2a40b8
```
#2a40b8 rgb(42,64,184)
```

Tetradic Color

#7a6b1c
```
#7a6b1c rgb(122,107,28)
```
#8e7d21
```
#8e7d21 rgb(142,125,33)
```
#a39025
```
#a39025 rgb(163,144,37)
```
#b8a22a
```
#b8a22a rgb(184,162,42)
```
#cdb42f
```
#cdb42f rgb(205,180,47)
```
#d4bd41
```
#d4bd41 rgb(212,189,65)
```
#d8c456
```
#d8c456 rgb(216,196,86)
```

Monochromatic Color

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

#b87f2a
```
#b87f2a rgb(184,127,42)
```
#b88a2a
```
#b88a2a rgb(184,138,42)
```
#b8962a
```
#b8962a rgb(184,150,42)
```
#b8a22a
```
#b8a22a rgb(184,162,42)
```
#b8ae2a
```
#b8ae2a rgb(184,174,42)
```
#b6b82a
```
#b6b82a rgb(182,184,42)
```
#abb82a
```
#abb82a rgb(171,184,42)
```

Similar Colors

Text with hexadecimal color #b8a22a

This text has a font color of #b8a22a.

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

#b8a22a background color

This paragraph has a background color of #b8a22a.

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

#b8a22a border color

This element has a border color of #b8a22a.

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

CSS codes

.text {color:#b8a22a;}

.background {background-color:#b8a22a;}

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

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

#080702
```
#080702 rgb(8,7,2)
```
#181506
```
#181506 rgb(24,21,6)
```
#282309
```
#282309 rgb(40,35,9)
```
#38320d
```
#38320d rgb(56,50,13)
```
#484010
```
#484010 rgb(72,64,16)
```
#584e14
```
#584e14 rgb(88,78,20)
```
#685c18
```
#685c18 rgb(104,92,24)
```
#786a1b
```
#786a1b rgb(120,106,27)
```
#88781f
```
#88781f rgb(136,120,31)
```
#988623
```
#988623 rgb(152,134,35)
```
#a89426
```
#a89426 rgb(168,148,38)
```
#b8a22a
```
#b8a22a rgb(184,162,42)
```
#c8b02e
```
#c8b02e rgb(200,176,46)
```

Shade Color Variation

#d2ba38
```
#d2ba38 rgb(210,186,56)
```
#d5bf48
```
#d5bf48 rgb(213,191,72)
```
#d9c558
```
#d9c558 rgb(217,197,88)
```
#dcca68
```
#dcca68 rgb(220,202,104)
```
#e0d078
```
#e0d078 rgb(224,208,120)
```
#e4d588
```
#e4d588 rgb(228,213,136)
```
#e7db98
```
#e7db98 rgb(231,219,152)
```
#ebe1a8
```
#ebe1a8 rgb(235,225,168)
```
#efe6b7
```
#efe6b7 rgb(239,230,183)
```
#f2ecc7
```
#f2ecc7 rgb(242,236,199)
```
#f6f1d7
```
#f6f1d7 rgb(246,241,215)
```
#faf7e7
```
#faf7e7 rgb(250,247,231)
```
#fdfcf7
```
#fdfcf7 rgb(253,252,247)
```

Tint Color Variation

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

#727270
```
#727270 rgb(114,114,112)
```
#7b7867
```
#7b7867 rgb(123,120,103)
```
#847e5e
```
#847e5e rgb(132,126,94)
```
#8d8455
```
#8d8455 rgb(141,132,85)
```
#958a4d
```
#958a4d rgb(149,138,77)
```
#9e9044
```
#9e9044 rgb(158,144,68)
```
#a7963b
```
#a7963b rgb(167,150,59)
```
#af9c33
```
#af9c33 rgb(175,156,51)
```
#b8a22a
```
#b8a22a rgb(184,162,42)
```
#c1a821
```
#c1a821 rgb(193,168,33)
```
#c9ae19
```
#c9ae19 rgb(201,174,25)
```
#d2b410
```
#d2b410 rgb(210,180,16)
```
#dbba07
```
#dbba07 rgb(219,186,7)
```

Tone Color Variation

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

Dichromacy

#baa735 Protanopia 1% of men
#cf9f38 Deuteranopia 1% of men
#c59ca7 Tritanopia 0.001% of the population

Trichromacy

#b9a531 Protanomaly 1% of men, 0.01% of women
#c6a033 Deuteranomaly 6% of men, 0.4% of women
#c09e79 Tritanomaly 0.01% of the population

#b8a22a hex color

#b8a22a Color Information

#b8a22a Color Conversion

Color Schemes with #b8a22a

Alternatives to #b8a22a

#b8a22a Preview

Shades and Tints of #b8a22a

Tones of #b8a22a

Color Blindness Simulator