#b4a254 hex color

In a RGB color space, hex #b4a254 is composed of 70.6% red, 63.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 53.3% yellow and 29.4% black. It has a hue angle of 48.8 degrees, a saturation of 39% and a lightness of 51.8%. #b4a254 color hex could be obtained by blending #ffffa8 with #694500. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 64
- B 33
RGB color chart
- C 0
- M 10
- Y 53
- K 29
CMYK color chart

● #b4a254 color description : Moderate yellow.

The hexadecimal color #b4a254 has RGB values of R:180, G:162, B:84 and CMYK values of C:0, M:0.1, Y:0.53, K:0.29. Its decimal value is 11838036.

Hex triplet	b4a254	`#b4a254`
RGB Decimal	180, 162, 84	`rgb(180,162,84)`
RGB Percent	70.6, 63.5, 32.9	`rgb(70.6%,63.5%,32.9%)`
CMYK	0, 10, 53, 29
HSL	48.8°, 39, 51.8	`hsl(48.8,39%,51.8%)`
HSV (or HSB)	48.8°, 53.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.661, -3.663, 42.507
XYZ	33.343, 36.185, 13.615
xyY	0.401, 0.435, 36.185
CIE-LCH	66.661, 42.665, 94.925
CIE-LUV	66.661, 15.889, 51.575
Hunter-Lab	60.154, -6.328, 28.688
Binary	10110100, 10100010, 01010100

#b4a254
```
#b4a254 rgb(180,162,84)
```
#5466b4
```
#5466b4 rgb(84,102,180)
```

Complementary Color

#b47254
```
#b47254 rgb(180,114,84)
```
#b4a254
```
#b4a254 rgb(180,162,84)
```
#96b454
```
#96b454 rgb(150,180,84)
```

Analogous Color

#7254b4
```
#7254b4 rgb(114,84,180)
```
#b4a254
```
#b4a254 rgb(180,162,84)
```
#5496b4
```
#5496b4 rgb(84,150,180)
```

Split Complementary Color

#a254b4
```
#a254b4 rgb(162,84,180)
```
#b4a254
```
#b4a254 rgb(180,162,84)
```
#54b4a2
```
#54b4a2 rgb(84,180,162)
```

Triadic Color

#b45466
```
#b45466 rgb(180,84,102)
```
#b4a254
```
#b4a254 rgb(180,162,84)
```
#54b4a2
```
#54b4a2 rgb(84,180,162)
```
#5466b4
```
#5466b4 rgb(84,102,180)
```

Tetradic Color

#827539
```
#827539 rgb(130,117,57)
```
#948441
```
#948441 rgb(148,132,65)
```
#a69449
```
#a69449 rgb(166,148,73)
```
#b4a254
```
#b4a254 rgb(180,162,84)
```
#bcac66
```
#bcac66 rgb(188,172,102)
```
#c4b577
```
#c4b577 rgb(196,181,119)
```
#cbbf89
```
#cbbf89 rgb(203,191,137)
```

Monochromatic Color

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

#b48a54
```
#b48a54 rgb(180,138,84)
```
#b49254
```
#b49254 rgb(180,146,84)
```
#b49a54
```
#b49a54 rgb(180,154,84)
```
#b4a254
```
#b4a254 rgb(180,162,84)
```
#b4aa54
```
#b4aa54 rgb(180,170,84)
```
#b4b254
```
#b4b254 rgb(180,178,84)
```
#aeb454
```
#aeb454 rgb(174,180,84)
```

Similar Colors

Text with hexadecimal color #b4a254

This text has a font color of #b4a254.

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

#b4a254 background color

This paragraph has a background color of #b4a254.

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

#b4a254 border color

This element has a border color of #b4a254.

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

CSS codes

.text {color:#b4a254;}

.background {background-color:#b4a254;}

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

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

#060603
```
#060603 rgb(6,6,3)
```
#141209
```
#141209 rgb(20,18,9)
```
#221e0f
```
#221e0f rgb(34,30,15)
```
#2f2a15
```
#2f2a15 rgb(47,42,21)
```
#3d361b
```
#3d361b rgb(61,54,27)
```
#4a4321
```
#4a4321 rgb(74,67,33)
```
#584f27
```
#584f27 rgb(88,79,39)
```
#665b2d
```
#665b2d rgb(102,91,45)
```
#736733
```
#736733 rgb(115,103,51)
```
#817339
```
#817339 rgb(129,115,57)
```
#8f803f
```
#8f803f rgb(143,128,63)
```
#9c8c45
```
#9c8c45 rgb(156,140,69)
```
#aa984b
```
#aa984b rgb(170,152,75)
```

Shade Color Variation

#b4a254
```
#b4a254 rgb(180,162,84)
```
#baa962
```
#baa962 rgb(186,169,98)
```
#c0b16f
```
#c0b16f rgb(192,177,111)
```
#c6b87d
```
#c6b87d rgb(198,184,125)
```
#ccc08b
```
#ccc08b rgb(204,192,139)
```
#d2c798
```
#d2c798 rgb(210,199,152)
```
#d8cea6
```
#d8cea6 rgb(216,206,166)
```
#ded6b3
```
#ded6b3 rgb(222,214,179)
```
#e4ddc1
```
#e4ddc1 rgb(228,221,193)
```
#eae5cf
```
#eae5cf rgb(234,229,207)
```
#f0ecdc
```
#f0ecdc rgb(240,236,220)
```
#f6f4ea
```
#f6f4ea rgb(246,244,234)
```
#fcfbf8
```
#fcfbf8 rgb(252,251,248)
```

Tint Color Variation

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

#858483
```
#858483 rgb(133,132,131)
```
#8e8a7a
```
#8e8a7a rgb(142,138,122)
```
#989070
```
#989070 rgb(152,144,112)
```
#a19667
```
#a19667 rgb(161,150,103)
```
#ab9c5d
```
#ab9c5d rgb(171,156,93)
```
#b4a254
```
#b4a254 rgb(180,162,84)
```
#bda84b
```
#bda84b rgb(189,168,75)
```
#c7ae41
```
#c7ae41 rgb(199,174,65)
```
#d0b438
```
#d0b438 rgb(208,180,56)
```
#daba2e
```
#daba2e rgb(218,186,46)
```
#e3c025
```
#e3c025 rgb(227,192,37)
```
#edc51b
```
#edc51b rgb(237,197,27)
```
#f6cb12
```
#f6cb12 rgb(246,203,18)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a29f8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a75c Protanopia 1% of men
#ca9f5f Deuteranopia 1% of men
#c09ea9 Tritanopia 0.001% of the population

Trichromacy

#b6a559 Protanomaly 1% of men, 0.01% of women
#c2a05b Deuteranomaly 6% of men, 0.4% of women
#bb9f8a Tritanomaly 0.01% of the population

#b4a254 hex color

#b4a254 Color Information

#b4a254 Color Conversion

Color Schemes with #b4a254

Alternatives to #b4a254

#b4a254 Preview

Shades and Tints of #b4a254

Tones of #b4a254

Color Blindness Simulator