#b4a258 hex color

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

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

● #b4a258 color description : Moderate yellow.

The hexadecimal color #b4a258 has RGB values of R:180, G:162, B:88 and CMYK values of C:0, M:0.1, Y:0.51, K:0.29. Its decimal value is 11838040.

Hex triplet	b4a258	`#b4a258`
RGB Decimal	180, 162, 88	`rgb(180,162,88)`
RGB Percent	70.6, 63.5, 34.5	`rgb(70.6%,63.5%,34.5%)`
CMYK	0, 10, 51, 29
HSL	48.3°, 38, 52.5	`hsl(48.3,38%,52.5%)`
HSV (or HSB)	48.3°, 51.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.71, -3.307, 40.555
XYZ	33.504, 36.249, 14.464
xyY	0.398, 0.43, 36.249
CIE-LCH	66.71, 40.69, 94.661
CIE-LUV	66.71, 15.692, 49.714
Hunter-Lab	60.208, -6.032, 27.902
Binary	10110100, 10100010, 01011000

#b4a258
```
#b4a258 rgb(180,162,88)
```
#586ab4
```
#586ab4 rgb(88,106,180)
```

Complementary Color

#b47458
```
#b47458 rgb(180,116,88)
```
#b4a258
```
#b4a258 rgb(180,162,88)
```
#98b458
```
#98b458 rgb(152,180,88)
```

Analogous Color

#7458b4
```
#7458b4 rgb(116,88,180)
```
#b4a258
```
#b4a258 rgb(180,162,88)
```
#5898b4
```
#5898b4 rgb(88,152,180)
```

Split Complementary Color

#a258b4
```
#a258b4 rgb(162,88,180)
```
#b4a258
```
#b4a258 rgb(180,162,88)
```
#58b4a2
```
#58b4a2 rgb(88,180,162)
```

Triadic Color

#b4586a
```
#b4586a rgb(180,88,106)
```
#b4a258
```
#b4a258 rgb(180,162,88)
```
#58b4a2
```
#58b4a2 rgb(88,180,162)
```
#586ab4
```
#586ab4 rgb(88,106,180)
```

Tetradic Color

#84763b
```
#84763b rgb(132,118,59)
```
#968643
```
#968643 rgb(150,134,67)
```
#a7954b
```
#a7954b rgb(167,149,75)
```
#b4a258
```
#b4a258 rgb(180,162,88)
```
#bcac6a
```
#bcac6a rgb(188,172,106)
```
#c4b67b
```
#c4b67b rgb(196,182,123)
```
#ccbf8d
```
#ccbf8d rgb(204,191,141)
```

Monochromatic Color

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

#b48b58
```
#b48b58 rgb(180,139,88)
```
#b49358
```
#b49358 rgb(180,147,88)
```
#b49a58
```
#b49a58 rgb(180,154,88)
```
#b4a258
```
#b4a258 rgb(180,162,88)
```
#b4aa58
```
#b4aa58 rgb(180,170,88)
```
#b4b158
```
#b4b158 rgb(180,177,88)
```
#afb458
```
#afb458 rgb(175,180,88)
```

Similar Colors

Text with hexadecimal color #b4a258

This text has a font color of #b4a258.

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

#b4a258 background color

This paragraph has a background color of #b4a258.

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

#b4a258 border color

This element has a border color of #b4a258.

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

CSS codes

.text {color:#b4a258;}

.background {background-color:#b4a258;}

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

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 #fdfcfa is the lightest one.

#090804
```
#090804 rgb(9,8,4)
```
#17140a
```
#17140a rgb(23,20,10)
```
#242010
```
#242010 rgb(36,32,16)
```
#322c16
```
#322c16 rgb(50,44,22)
```
#3f381c
```
#3f381c rgb(63,56,28)
```
#4d4422
```
#4d4422 rgb(77,68,34)
```
#5a5029
```
#5a5029 rgb(90,80,41)
```
#685d2f
```
#685d2f rgb(104,93,47)
```
#756935
```
#756935 rgb(117,105,53)
```
#83753b
```
#83753b rgb(131,117,59)
```
#908141
```
#908141 rgb(144,129,65)
```
#9e8d47
```
#9e8d47 rgb(158,141,71)
```
#ab994d
```
#ab994d rgb(171,153,77)
```

Shade Color Variation

#b4a258
```
#b4a258 rgb(180,162,88)
```
#baaa66
```
#baaa66 rgb(186,170,102)
```
#c0b173
```
#c0b173 rgb(192,177,115)
```
#c6b981
```
#c6b981 rgb(198,185,129)
```
#ccc08e
```
#ccc08e rgb(204,192,142)
```
#d2c89c
```
#d2c89c rgb(210,200,156)
```
#d8cfa9
```
#d8cfa9 rgb(216,207,169)
```
#dfd7b7
```
#dfd7b7 rgb(223,215,183)
```
#e5dec4
```
#e5dec4 rgb(229,222,196)
```
#ebe6d2
```
#ebe6d2 rgb(235,230,210)
```
#f1eddf
```
#f1eddf rgb(241,237,223)
```
#f7f5ed
```
#f7f5ed rgb(247,245,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#8f8b7d
```
#8f8b7d rgb(143,139,125)
```
#989174
```
#989174 rgb(152,145,116)
```
#a1976b
```
#a1976b rgb(161,151,107)
```
#ab9c61
```
#ab9c61 rgb(171,156,97)
```
#b4a258
```
#b4a258 rgb(180,162,88)
```
#bda84f
```
#bda84f rgb(189,168,79)
```
#c7ad45
```
#c7ad45 rgb(199,173,69)
```
#d0b33c
```
#d0b33c rgb(208,179,60)
```
#d9b933
```
#d9b933 rgb(217,185,51)
```
#e3be29
```
#e3be29 rgb(227,190,41)
```
#ecc420
```
#ecc420 rgb(236,196,32)
```
#f5ca17
```
#f5ca17 rgb(245,202,23)
```
#fecf0e
```
#fecf0e rgb(254,207,14)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a3a091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a760 Protanopia 1% of men
#ca9f62 Deuteranopia 1% of men
#bf9ea9 Tritanopia 0.001% of the population

Trichromacy

#b5a55d Protanomaly 1% of men, 0.01% of women
#c2a05e Deuteranomaly 6% of men, 0.4% of women
#bb9f8b Tritanomaly 0.01% of the population

#b4a258 hex color

#b4a258 Color Information

#b4a258 Color Conversion

Color Schemes with #b4a258

Alternatives to #b4a258

#b4a258 Preview

Shades and Tints of #b4a258

Tones of #b4a258

Color Blindness Simulator