#b4a458 hex color

In a RGB color space, hex #b4a458 is composed of 70.6% red, 64.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.9% magenta, 51.1% yellow and 29.4% black. It has a hue angle of 49.6 degrees, a saturation of 38% and a lightness of 52.5%. #b4a458 color hex could be obtained by blending #ffffb0 with #694900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 64
- B 35
RGB color chart
- C 0
- M 9
- Y 51
- K 29
CMYK color chart

● #b4a458 color description : Moderate yellow.

The hexadecimal color #b4a458 has RGB values of R:180, G:164, B:88 and CMYK values of C:0, M:0.09, Y:0.51, K:0.29. Its decimal value is 11838552.

Hex triplet	b4a458	`#b4a458`
RGB Decimal	180, 164, 88	`rgb(180,164,88)`
RGB Percent	70.6, 64.3, 34.5	`rgb(70.6%,64.3%,34.5%)`
CMYK	0, 9, 51, 29
HSL	49.6°, 38, 52.5	`hsl(49.6,38%,52.5%)`
HSV (or HSB)	49.6°, 51.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.247, -4.376, 41.203
XYZ	33.859, 36.96, 14.582
xyY	0.396, 0.433, 36.96
CIE-LCH	67.247, 41.435, 96.063
CIE-LUV	67.247, 14.389, 50.693
Hunter-Lab	60.794, -6.975, 28.335
Binary	10110100, 10100100, 01011000

#b4a458
```
#b4a458 rgb(180,164,88)
```
#5868b4
```
#5868b4 rgb(88,104,180)
```

Complementary Color

#b47658
```
#b47658 rgb(180,118,88)
```
#b4a458
```
#b4a458 rgb(180,164,88)
```
#96b458
```
#96b458 rgb(150,180,88)
```

Analogous Color

#7658b4
```
#7658b4 rgb(118,88,180)
```
#b4a458
```
#b4a458 rgb(180,164,88)
```
#5896b4
```
#5896b4 rgb(88,150,180)
```

Split Complementary Color

#a458b4
```
#a458b4 rgb(164,88,180)
```
#b4a458
```
#b4a458 rgb(180,164,88)
```
#58b4a4
```
#58b4a4 rgb(88,180,164)
```

Triadic Color

#b45868
```
#b45868 rgb(180,88,104)
```
#b4a458
```
#b4a458 rgb(180,164,88)
```
#58b4a4
```
#58b4a4 rgb(88,180,164)
```
#5868b4
```
#5868b4 rgb(88,104,180)
```

Tetradic Color

#84773b
```
#84773b rgb(132,119,59)
```
#968743
```
#968743 rgb(150,135,67)
```
#a7974b
```
#a7974b rgb(167,151,75)
```
#b4a458
```
#b4a458 rgb(180,164,88)
```
#bcae6a
```
#bcae6a rgb(188,174,106)
```
#c4b77b
```
#c4b77b rgb(196,183,123)
```
#ccc18d
```
#ccc18d rgb(204,193,141)
```

Monochromatic Color

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

#b48d58
```
#b48d58 rgb(180,141,88)
```
#b49558
```
#b49558 rgb(180,149,88)
```
#b49c58
```
#b49c58 rgb(180,156,88)
```
#b4a458
```
#b4a458 rgb(180,164,88)
```
#b4ac58
```
#b4ac58 rgb(180,172,88)
```
#b4b358
```
#b4b358 rgb(180,179,88)
```
#adb458
```
#adb458 rgb(173,180,88)
```

Similar Colors

Text with hexadecimal color #b4a458

This text has a font color of #b4a458.

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

#b4a458 background color

This paragraph has a background color of #b4a458.

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

#b4a458 border color

This element has a border color of #b4a458.

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

CSS codes

.text {color:#b4a458;}

.background {background-color:#b4a458;}

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

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

#090804
```
#090804 rgb(9,8,4)
```
#17140a
```
#17140a rgb(23,20,10)
```
#242110
```
#242110 rgb(36,33,16)
```
#322d16
```
#322d16 rgb(50,45,22)
```
#3f391c
```
#3f391c rgb(63,57,28)
```
#4d4522
```
#4d4522 rgb(77,69,34)
```
#5a5229
```
#5a5229 rgb(90,82,41)
```
#685e2f
```
#685e2f rgb(104,94,47)
```
#756a35
```
#756a35 rgb(117,106,53)
```
#83763b
```
#83763b rgb(131,118,59)
```
#908341
```
#908341 rgb(144,131,65)
```
#9e8f47
```
#9e8f47 rgb(158,143,71)
```
#ab9b4d
```
#ab9b4d rgb(171,155,77)
```

Shade Color Variation

#b4a458
```
#b4a458 rgb(180,164,88)
```
#baab66
```
#baab66 rgb(186,171,102)
```
#c0b373
```
#c0b373 rgb(192,179,115)
```
#c6ba81
```
#c6ba81 rgb(198,186,129)
```
#ccc28e
```
#ccc28e rgb(204,194,142)
```
#d2c99c
```
#d2c99c rgb(210,201,156)
```
#d8d0a9
```
#d8d0a9 rgb(216,208,169)
```
#dfd8b7
```
#dfd8b7 rgb(223,216,183)
```
#e5dfc4
```
#e5dfc4 rgb(229,223,196)
```
#ebe6d2
```
#ebe6d2 rgb(235,230,210)
```
#f1eedf
```
#f1eedf rgb(241,238,223)
```
#f7f5ed
```
#f7f5ed rgb(247,245,237)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#8f8c7d
```
#8f8c7d rgb(143,140,125)
```
#989274
```
#989274 rgb(152,146,116)
```
#a1986b
```
#a1986b rgb(161,152,107)
```
#ab9e61
```
#ab9e61 rgb(171,158,97)
```
#b4a458
```
#b4a458 rgb(180,164,88)
```
#bdaa4f
```
#bdaa4f rgb(189,170,79)
```
#c7b045
```
#c7b045 rgb(199,176,69)
```
#d0b63c
```
#d0b63c rgb(208,182,60)
```
#d9bc33
```
#d9bc33 rgb(217,188,51)
```
#e3c229
```
#e3c229 rgb(227,194,41)
```
#ecc820
```
#ecc820 rgb(236,200,32)
```
#f5ce17
```
#f5ce17 rgb(245,206,23)
```
#fed50e
```
#fed50e rgb(254,213,14)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a4a192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a860 Protanopia 1% of men
#cba163 Deuteranopia 1% of men
#c0a0ab Tritanopia 0.001% of the population

Trichromacy

#b6a65d Protanomaly 1% of men, 0.01% of women
#c3a25f Deuteranomaly 6% of men, 0.4% of women
#bba18d Tritanomaly 0.01% of the population

#b4a458 hex color

#b4a458 Color Information

#b4a458 Color Conversion

Color Schemes with #b4a458

Alternatives to #b4a458

#b4a458 Preview

Shades and Tints of #b4a458

Tones of #b4a458

Color Blindness Simulator