#b2a158 hex color

In a RGB color space, hex #b2a158 is composed of 69.8% red, 63.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.6% magenta, 50.6% yellow and 30.2% black. It has a hue angle of 48.7 degrees, a saturation of 36.9% and a lightness of 52.2%. #b2a158 color hex could be obtained by blending #ffffb0 with #654300. Closest websafe color is: #999966.

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

● #b2a158 color description : Dark moderate yellow.

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

Hex triplet	b2a158	`#b2a158`
RGB Decimal	178, 161, 88	`rgb(178,161,88)`
RGB Percent	69.8, 63.1, 34.5	`rgb(69.8%,63.1%,34.5%)`
CMYK	0, 10, 51, 30
HSL	48.7°, 36.9, 52.2	`hsl(48.7,36.9%,52.2%)`
HSV (or HSB)	48.7°, 50.6, 69.8
Web Safe	999966	`#999966`

CIE-LAB	66.259, -3.62, 39.967
XYZ	32.866, 35.66, 14.384
xyY	0.396, 0.43, 35.66
CIE-LCH	66.259, 40.131, 95.175
CIE-LUV	66.259, 14.947, 49.102
Hunter-Lab	59.716, -6.261, 27.52
Binary	10110010, 10100001, 01011000

#b2a158
```
#b2a158 rgb(178,161,88)
```
#5869b2
```
#5869b2 rgb(88,105,178)
```

Complementary Color

#b27458
```
#b27458 rgb(178,116,88)
```
#b2a158
```
#b2a158 rgb(178,161,88)
```
#96b258
```
#96b258 rgb(150,178,88)
```

Analogous Color

#7458b2
```
#7458b2 rgb(116,88,178)
```
#b2a158
```
#b2a158 rgb(178,161,88)
```
#5896b2
```
#5896b2 rgb(88,150,178)
```

Split Complementary Color

#a158b2
```
#a158b2 rgb(161,88,178)
```
#b2a158
```
#b2a158 rgb(178,161,88)
```
#58b2a1
```
#58b2a1 rgb(88,178,161)
```

Triadic Color

#b25869
```
#b25869 rgb(178,88,105)
```
#b2a158
```
#b2a158 rgb(178,161,88)
```
#58b2a1
```
#58b2a1 rgb(88,178,161)
```
#5869b2
```
#5869b2 rgb(88,105,178)
```

Tetradic Color

#82743c
```
#82743c rgb(130,116,60)
```
#938444
```
#938444 rgb(147,132,68)
```
#a5944c
```
#a5944c rgb(165,148,76)
```
#b2a158
```
#b2a158 rgb(178,161,88)
```
#baab69
```
#baab69 rgb(186,171,105)
```
#c2b57b
```
#c2b57b rgb(194,181,123)
```
#cabe8c
```
#cabe8c rgb(202,190,140)
```

Monochromatic Color

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

#b28b58
```
#b28b58 rgb(178,139,88)
```
#b29258
```
#b29258 rgb(178,146,88)
```
#b29a58
```
#b29a58 rgb(178,154,88)
```
#b2a158
```
#b2a158 rgb(178,161,88)
```
#b2a958
```
#b2a958 rgb(178,169,88)
```
#b2b058
```
#b2b058 rgb(178,176,88)
```
#adb258
```
#adb258 rgb(173,178,88)
```

Similar Colors

Text with hexadecimal color #b2a158

This text has a font color of #b2a158.

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

#b2a158 background color

This paragraph has a background color of #b2a158.

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

#b2a158 border color

This element has a border color of #b2a158.

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

CSS codes

.text {color:#b2a158;}

.background {background-color:#b2a158;}

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

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

#080703
```
#080703 rgb(8,7,3)
```
#15130a
```
#15130a rgb(21,19,10)
```
#221f10
```
#221f10 rgb(34,31,16)
```
#302b16
```
#302b16 rgb(48,43,22)
```
#3d371c
```
#3d371c rgb(61,55,28)
```
#4b4322
```
#4b4322 rgb(75,67,34)
```
#584f29
```
#584f29 rgb(88,79,41)
```
#665b2f
```
#665b2f rgb(102,91,47)
```
#736735
```
#736735 rgb(115,103,53)
```
#80733b
```
#80733b rgb(128,115,59)
```
#8e7f41
```
#8e7f41 rgb(142,127,65)
```
#9b8b48
```
#9b8b48 rgb(155,139,72)
```
#a9974e
```
#a9974e rgb(169,151,78)
```

Shade Color Variation

#b2a158
```
#b2a158 rgb(178,161,88)
```
#b8a965
```
#b8a965 rgb(184,169,101)
```
#beb073
```
#beb073 rgb(190,176,115)
```
#c5b880
```
#c5b880 rgb(197,184,128)
```
#cbbf8e
```
#cbbf8e rgb(203,191,142)
```
#d1c79b
```
#d1c79b rgb(209,199,155)
```
#d7cea9
```
#d7cea9 rgb(215,206,169)
```
#ddd6b6
```
#ddd6b6 rgb(221,214,182)
```
#e4ddc3
```
#e4ddc3 rgb(228,221,195)
```
#eae5d1
```
#eae5d1 rgb(234,229,209)
```
#f0edde
```
#f0edde rgb(240,237,222)
```
#f6f4ec
```
#f6f4ec rgb(246,244,236)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#8c8a7e
```
#8c8a7e rgb(140,138,126)
```
#968f74
```
#968f74 rgb(150,143,116)
```
#9f956b
```
#9f956b rgb(159,149,107)
```
#a99b61
```
#a99b61 rgb(169,155,97)
```
#b2a158
```
#b2a158 rgb(178,161,88)
```
#bba74f
```
#bba74f rgb(187,167,79)
```
#c5ad45
```
#c5ad45 rgb(197,173,69)
```
#ceb33c
```
#ceb33c rgb(206,179,60)
```
#d8b832
```
#d8b832 rgb(216,184,50)
```
#e1be29
```
#e1be29 rgb(225,190,41)
```
#eac420
```
#eac420 rgb(234,196,32)
```
#f4ca16
```
#f4ca16 rgb(244,202,22)
```
#fdd00d
```
#fdd00d rgb(253,208,13)
```

Tone Color Variation

Below, you can see how #b2a158 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
#c89e62 Deuteranopia 1% of men
#bd9da8 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
#b99e8b Tritanomaly 0.01% of the population

#b2a158 hex color

#b2a158 Color Information

#b2a158 Color Conversion

Color Schemes with #b2a158

Alternatives to #b2a158

#b2a158 Preview

Shades and Tints of #b2a158

Tones of #b2a158

Color Blindness Simulator