#b2a551 hex color

In a RGB color space, hex #b2a551 is composed of 69.8% red, 64.7% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.3% magenta, 54.5% yellow and 30.2% black. It has a hue angle of 52 degrees, a saturation of 38.6% and a lightness of 50.8%. #b2a551 color hex could be obtained by blending #ffffa2 with #654b00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 70
- G 65
- B 32
RGB color chart
- C 0
- M 7
- Y 54
- K 30
CMYK color chart

● #b2a551 color description : Dark moderate yellow.

The hexadecimal color #b2a551 has RGB values of R:178, G:165, B:81 and CMYK values of C:0, M:0.07, Y:0.54, K:0.3. Its decimal value is 11707729.

Hex triplet	b2a551	`#b2a551`
RGB Decimal	178, 165, 81	`rgb(178,165,81)`
RGB Percent	69.8, 64.7, 31.8	`rgb(69.8%,64.7%,31.8%)`
CMYK	0, 7, 54, 30
HSL	52°, 38.6, 50.8	`hsl(52,38.6%,50.8%)`
HSV (or HSB)	52°, 54.5, 69.8
Web Safe	999966	`#999966`

CIE-LAB	67.255, -6.371, 44.643
XYZ	33.3, 36.97, 13.166
xyY	0.399, 0.443, 36.97
CIE-LCH	67.255, 45.095, 98.122
CIE-LUV	67.255, 12.664, 54.241
Hunter-Lab	60.803, -8.645, 29.724
Binary	10110010, 10100101, 01010001

#b2a551
```
#b2a551 rgb(178,165,81)
```
#515eb2
```
#515eb2 rgb(81,94,178)
```

Complementary Color

#b27551
```
#b27551 rgb(178,117,81)
```
#b2a551
```
#b2a551 rgb(178,165,81)
```
#8fb251
```
#8fb251 rgb(143,178,81)
```

Analogous Color

#7551b2
```
#7551b2 rgb(117,81,178)
```
#b2a551
```
#b2a551 rgb(178,165,81)
```
#518fb2
```
#518fb2 rgb(81,143,178)
```

Split Complementary Color

#a551b2
```
#a551b2 rgb(165,81,178)
```
#b2a551
```
#b2a551 rgb(178,165,81)
```
#51b2a5
```
#51b2a5 rgb(81,178,165)
```

Triadic Color

#b2515e
```
#b2515e rgb(178,81,94)
```
#b2a551
```
#b2a551 rgb(178,165,81)
```
#51b2a5
```
#51b2a5 rgb(81,178,165)
```
#515eb2
```
#515eb2 rgb(81,94,178)
```

Tetradic Color

#7f7538
```
#7f7538 rgb(127,117,56)
```
#908540
```
#908540 rgb(144,133,64)
```
#a29648
```
#a29648 rgb(162,150,72)
```
#b2a551
```
#b2a551 rgb(178,165,81)
```
#baae63
```
#baae63 rgb(186,174,99)
```
#c2b774
```
#c2b774 rgb(194,183,116)
```
#c9c086
```
#c9c086 rgb(201,192,134)
```

Monochromatic Color

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

#b28d51
```
#b28d51 rgb(178,141,81)
```
#b29551
```
#b29551 rgb(178,149,81)
```
#b29d51
```
#b29d51 rgb(178,157,81)
```
#b2a551
```
#b2a551 rgb(178,165,81)
```
#b2ad51
```
#b2ad51 rgb(178,173,81)
```
#afb251
```
#afb251 rgb(175,178,81)
```
#a7b251
```
#a7b251 rgb(167,178,81)
```

Similar Colors

Text with hexadecimal color #b2a551

This text has a font color of #b2a551.

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

#b2a551 background color

This paragraph has a background color of #b2a551.

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

#b2a551 border color

This element has a border color of #b2a551.

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

CSS codes

.text {color:#b2a551;}

.background {background-color:#b2a551;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#100f07
```
#100f07 rgb(16,15,7)
```
#1e1c0d
```
#1e1c0d rgb(30,28,13)
```
#2c2813
```
#2c2813 rgb(44,40,19)
```
#393519
```
#393519 rgb(57,53,25)
```
#47411f
```
#47411f rgb(71,65,31)
```
#544e25
```
#544e25 rgb(84,78,37)
```
#625b2b
```
#625b2b rgb(98,91,43)
```
#706731
```
#706731 rgb(112,103,49)
```
#7d7437
```
#7d7437 rgb(125,116,55)
```
#8b803d
```
#8b803d rgb(139,128,61)
```
#988d43
```
#988d43 rgb(152,141,67)
```
#a69a49
```
#a69a49 rgb(166,154,73)
```

Shade Color Variation

#b2a551
```
#b2a551 rgb(178,165,81)
```
#b8ac5f
```
#b8ac5f rgb(184,172,95)
```
#beb36c
```
#beb36c rgb(190,179,108)
```
#c4ba7a
```
#c4ba7a rgb(196,186,122)
```
#cac187
```
#cac187 rgb(202,193,135)
```
#d0c895
```
#d0c895 rgb(208,200,149)
```
#d6cfa3
```
#d6cfa3 rgb(214,207,163)
```
#dcd6b0
```
#dcd6b0 rgb(220,214,176)
```
#e2ddbe
```
#e2ddbe rgb(226,221,190)
```
#e8e4cb
```
#e8e4cb rgb(232,228,203)
```
#eeebd9
```
#eeebd9 rgb(238,235,217)
```
#f4f2e7
```
#f4f2e7 rgb(244,242,231)
```
#faf9f4
```
#faf9f4 rgb(250,249,244)
```

Tint Color Variation

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

#828281
```
#828281 rgb(130,130,129)
```
#8b8978
```
#8b8978 rgb(139,137,120)
```
#95906e
```
#95906e rgb(149,144,110)
```
#9f9764
```
#9f9764 rgb(159,151,100)
```
#a89e5b
```
#a89e5b rgb(168,158,91)
```
#b2a551
```
#b2a551 rgb(178,165,81)
```
#bcac47
```
#bcac47 rgb(188,172,71)
```
#c5b33e
```
#c5b33e rgb(197,179,62)
```
#cfba34
```
#cfba34 rgb(207,186,52)
```
#d9c12a
```
#d9c12a rgb(217,193,42)
```
#e2c821
```
#e2c821 rgb(226,200,33)
```
#eccf17
```
#eccf17 rgb(236,207,23)
```
#f6d60d
```
#f6d60d rgb(246,214,13)
```

Tone Color Variation

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

Dichromacy

#b9a859 Protanopia 1% of men
#cca15c Deuteranopia 1% of men
#bea0ab Tritanopia 0.001% of the population

Trichromacy

#b6a756 Protanomaly 1% of men, 0.01% of women
#c3a258 Deuteranomaly 6% of men, 0.4% of women
#baa28a Tritanomaly 0.01% of the population

#b2a551 hex color

#b2a551 Color Information

#b2a551 Color Conversion

Color Schemes with #b2a551

Alternatives to #b2a551

#b2a551 Preview

Shades and Tints of #b2a551

Tones of #b2a551

Color Blindness Simulator