#b3a158 hex color

In a RGB color space, hex #b3a158 is composed of 70.2% red, 63.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.1% magenta, 50.8% yellow and 29.8% black. It has a hue angle of 48.1 degrees, a saturation of 37.4% and a lightness of 52.4%. #b3a158 color hex could be obtained by blending #ffffb0 with #674300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 70
- G 63
- B 35
RGB color chart
- C 0
- M 10
- Y 51
- K 30
CMYK color chart

● #b3a158 color description : Moderate yellow.

The hexadecimal color #b3a158 has RGB values of R:179, G:161, B:88 and CMYK values of C:0, M:0.1, Y:0.51, K:0.3. Its decimal value is 11772248.

Hex triplet	b3a158	`#b3a158`
RGB Decimal	179, 161, 88	`rgb(179,161,88)`
RGB Percent	70.2, 63.1, 34.5	`rgb(70.2%,63.1%,34.5%)`
CMYK	0, 10, 51, 30
HSL	48.1°, 37.4, 52.4	`hsl(48.1,37.4%,52.4%)`
HSV (or HSB)	48.1°, 50.8, 70.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.351, -3.195, 40.099
XYZ	33.097, 35.779, 14.395
xyY	0.397, 0.43, 35.779
CIE-LCH	66.351, 40.226, 94.556
CIE-LUV	66.351, 15.645, 49.163
Hunter-Lab	59.815, -5.911, 27.603
Binary	10110011, 10100001, 01011000

#b3a158
```
#b3a158 rgb(179,161,88)
```
#586ab3
```
#586ab3 rgb(88,106,179)
```

Complementary Color

#b37458
```
#b37458 rgb(179,116,88)
```
#b3a158
```
#b3a158 rgb(179,161,88)
```
#98b358
```
#98b358 rgb(152,179,88)
```

Analogous Color

#7458b3
```
#7458b3 rgb(116,88,179)
```
#b3a158
```
#b3a158 rgb(179,161,88)
```
#5898b3
```
#5898b3 rgb(88,152,179)
```

Split Complementary Color

#a158b3
```
#a158b3 rgb(161,88,179)
```
#b3a158
```
#b3a158 rgb(179,161,88)
```
#58b3a1
```
#58b3a1 rgb(88,179,161)
```

Triadic Color

#b3586a
```
#b3586a rgb(179,88,106)
```
#b3a158
```
#b3a158 rgb(179,161,88)
```
#58b3a1
```
#58b3a1 rgb(88,179,161)
```
#586ab3
```
#586ab3 rgb(88,106,179)
```

Tetradic Color

#83753c
```
#83753c rgb(131,117,60)
```
#948444
```
#948444 rgb(148,132,68)
```
#a6944c
```
#a6944c rgb(166,148,76)
```
#b3a158
```
#b3a158 rgb(179,161,88)
```
#bbab6a
```
#bbab6a rgb(187,171,106)
```
#c3b57b
```
#c3b57b rgb(195,181,123)
```
#cbbf8d
```
#cbbf8d rgb(203,191,141)
```

Monochromatic Color

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

#b38a58
```
#b38a58 rgb(179,138,88)
```
#b39258
```
#b39258 rgb(179,146,88)
```
#b39958
```
#b39958 rgb(179,153,88)
```
#b3a158
```
#b3a158 rgb(179,161,88)
```
#b3a958
```
#b3a958 rgb(179,169,88)
```
#b3b058
```
#b3b058 rgb(179,176,88)
```
#aeb358
```
#aeb358 rgb(174,179,88)
```

Similar Colors

Text with hexadecimal color #b3a158

This text has a font color of #b3a158.

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

#b3a158 background color

This paragraph has a background color of #b3a158.

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

#b3a158 border color

This element has a border color of #b3a158.

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

CSS codes

.text {color:#b3a158;}

.background {background-color:#b3a158;}

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

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

#080704
```
#080704 rgb(8,7,4)
```
#16130a
```
#16130a rgb(22,19,10)
```
#231f10
```
#231f10 rgb(35,31,16)
```
#312b16
```
#312b16 rgb(49,43,22)
```
#3e371c
```
#3e371c rgb(62,55,28)
```
#4c4322
```
#4c4322 rgb(76,67,34)
```
#595029
```
#595029 rgb(89,80,41)
```
#675c2f
```
#675c2f rgb(103,92,47)
```
#746835
```
#746835 rgb(116,104,53)
```
#82743b
```
#82743b rgb(130,116,59)
```
#8f8041
```
#8f8041 rgb(143,128,65)
```
#9d8c47
```
#9d8c47 rgb(157,140,71)
```
#aa984d
```
#aa984d rgb(170,152,77)
```

Shade Color Variation

#b3a158
```
#b3a158 rgb(179,161,88)
```
#b9a965
```
#b9a965 rgb(185,169,101)
```
#bfb073
```
#bfb073 rgb(191,176,115)
```
#c5b880
```
#c5b880 rgb(197,184,128)
```
#ccbf8e
```
#ccbf8e rgb(204,191,142)
```
#d2c79b
```
#d2c79b rgb(210,199,155)
```
#d8cfa9
```
#d8cfa9 rgb(216,207,169)
```
#ded6b6
```
#ded6b6 rgb(222,214,182)
```
#e4dec4
```
#e4dec4 rgb(228,222,196)
```
#eae5d1
```
#eae5d1 rgb(234,229,209)
```
#f0eddf
```
#f0eddf rgb(240,237,223)
```
#f6f4ec
```
#f6f4ec rgb(246,244,236)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#8e8a7d
```
#8e8a7d rgb(142,138,125)
```
#979074
```
#979074 rgb(151,144,116)
```
#a0966b
```
#a0966b rgb(160,150,107)
```
#aa9b61
```
#aa9b61 rgb(170,155,97)
```
#b3a158
```
#b3a158 rgb(179,161,88)
```
#bca74f
```
#bca74f rgb(188,167,79)
```
#c6ac45
```
#c6ac45 rgb(198,172,69)
```
#cfb23c
```
#cfb23c rgb(207,178,60)
```
#d8b833
```
#d8b833 rgb(216,184,51)
```
#e2bd29
```
#e2bd29 rgb(226,189,41)
```
#ebc320
```
#ebc320 rgb(235,195,32)
```
#f4c917
```
#f4c917 rgb(244,201,23)
```
#fece0d
```
#fece0d rgb(254,206,13)
```

Tone Color Variation

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

Dichromacy

#b5a660 Protanopia 1% of men
#c89f62 Deuteranopia 1% of men
#be9da8 Tritanopia 0.001% of the population

Trichromacy

#b4a45d Protanomaly 1% of men, 0.01% of women
#c09f5e Deuteranomaly 6% of men, 0.4% of women
#ba9e8b Tritanomaly 0.01% of the population

#b3a158 hex color

#b3a158 Color Information

#b3a158 Color Conversion

Color Schemes with #b3a158

Alternatives to #b3a158

#b3a158 Preview

Shades and Tints of #b3a158

Tones of #b3a158

Color Blindness Simulator