#b2a533 hex color

In a RGB color space, hex #b2a533 is composed of 69.8% red, 64.7% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.3% magenta, 71.3% yellow and 30.2% black. It has a hue angle of 53.9 degrees, a saturation of 55.5% and a lightness of 44.9%. #b2a533 color hex could be obtained by blending #ffff66 with #654b00. Closest websafe color is: #999933.

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

● #b2a533 color description : Dark yellow [Olive tone].

The hexadecimal color #b2a533 has RGB values of R:178, G:165, B:51 and CMYK values of C:0, M:0.07, Y:0.71, K:0.3. Its decimal value is 11707699.

Hex triplet	b2a533	`#b2a533`
RGB Decimal	178, 165, 51	`rgb(178,165,51)`
RGB Percent	69.8, 64.7, 20	`rgb(69.8%,64.7%,20%)`
CMYK	0, 7, 71, 30
HSL	53.9°, 55.5, 44.9	`hsl(53.9,55.5%,44.9%)`
HSV (or HSB)	53.9°, 71.3, 69.8
Web Safe	999933	`#999933`

CIE-LAB	66.987, -8.379, 57.632
XYZ	32.413, 36.615, 8.492
xyY	0.418, 0.472, 36.615
CIE-LCH	66.987, 58.238, 98.272
CIE-LUV	66.987, 13.684, 64.837
Hunter-Lab	60.51, -10.278, 34.037
Binary	10110010, 10100101, 00110011

#b2a533
```
#b2a533 rgb(178,165,51)
```
#3340b2
```
#3340b2 rgb(51,64,178)
```

Complementary Color

#b26633
```
#b26633 rgb(178,102,51)
```
#b2a533
```
#b2a533 rgb(178,165,51)
```
#80b233
```
#80b233 rgb(128,178,51)
```

Analogous Color

#6633b2
```
#6633b2 rgb(102,51,178)
```
#b2a533
```
#b2a533 rgb(178,165,51)
```
#3380b2
```
#3380b2 rgb(51,128,178)
```

Split Complementary Color

#a533b2
```
#a533b2 rgb(165,51,178)
```
#b2a533
```
#b2a533 rgb(178,165,51)
```
#33b2a5
```
#33b2a5 rgb(51,178,165)
```

Triadic Color

#b23340
```
#b23340 rgb(178,51,64)
```
#b2a533
```
#b2a533 rgb(178,165,51)
```
#33b2a5
```
#33b2a5 rgb(51,178,165)
```
#3340b2
```
#3340b2 rgb(51,64,178)
```

Tetradic Color

#776e22
```
#776e22 rgb(119,110,34)
```
#8a8028
```
#8a8028 rgb(138,128,40)
```
#9e932d
```
#9e932d rgb(158,147,45)
```
#b2a533
```
#b2a533 rgb(178,165,51)
```
#c6b739
```
#c6b739 rgb(198,183,57)
```
#ccbf4c
```
#ccbf4c rgb(204,191,76)
```
#d1c660
```
#d1c660 rgb(209,198,96)
```

Monochromatic Color

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

#b28533
```
#b28533 rgb(178,133,51)
```
#b29033
```
#b29033 rgb(178,144,51)
```
#b29a33
```
#b29a33 rgb(178,154,51)
```
#b2a533
```
#b2a533 rgb(178,165,51)
```
#b2b033
```
#b2b033 rgb(178,176,51)
```
#aab233
```
#aab233 rgb(170,178,51)
```
#9fb233
```
#9fb233 rgb(159,178,51)
```

Similar Colors

Text with hexadecimal color #b2a533

This text has a font color of #b2a533.

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

#b2a533 background color

This paragraph has a background color of #b2a533.

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

#b2a533 border color

This element has a border color of #b2a533.

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

CSS codes

.text {color:#b2a533;}

.background {background-color:#b2a533;}

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

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, #0a0a03 is the darkest color, while #fefdfa is the lightest one.

#0a0a03
```
#0a0a03 rgb(10,10,3)
```
#1a1807
```
#1a1807 rgb(26,24,7)
```
#29260c
```
#29260c rgb(41,38,12)
```
#383410
```
#383410 rgb(56,52,16)
```
#474214
```
#474214 rgb(71,66,20)
```
#575019
```
#575019 rgb(87,80,25)
```
#665e1d
```
#665e1d rgb(102,94,29)
```
#756c22
```
#756c22 rgb(117,108,34)
```
#847b26
```
#847b26 rgb(132,123,38)
```
#94892a
```
#94892a rgb(148,137,42)
```
#a3972f
```
#a3972f rgb(163,151,47)
```
#b2a533
```
#b2a533 rgb(178,165,51)
```
#c1b337
```
#c1b337 rgb(193,179,55)
```

Shade Color Variation

#c9bb43
```
#c9bb43 rgb(201,187,67)
```
#cec152
```
#cec152 rgb(206,193,82)
```
#d2c662
```
#d2c662 rgb(210,198,98)
```
#d6cc71
```
#d6cc71 rgb(214,204,113)
```
#dbd180
```
#dbd180 rgb(219,209,128)
```
#dfd78f
```
#dfd78f rgb(223,215,143)
```
#e3dc9f
```
#e3dc9f rgb(227,220,159)
```
#e8e2ae
```
#e8e2ae rgb(232,226,174)
```
#ece7bd
```
#ece7bd rgb(236,231,189)
```
#f0edcc
```
#f0edcc rgb(240,237,204)
```
#f5f2dc
```
#f5f2dc rgb(245,242,220)
```
#f9f8eb
```
#f9f8eb rgb(249,248,235)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#747471
```
#747471 rgb(116,116,113)
```
#7d7b68
```
#7d7b68 rgb(125,123,104)
```
#86825f
```
#86825f rgb(134,130,95)
```
#8f8956
```
#8f8956 rgb(143,137,86)
```
#98904d
```
#98904d rgb(152,144,77)
```
#a09745
```
#a09745 rgb(160,151,69)
```
#a99e3c
```
#a99e3c rgb(169,158,60)
```
#b2a533
```
#b2a533 rgb(178,165,51)
```
#bbac2a
```
#bbac2a rgb(187,172,42)
```
#c4b321
```
#c4b321 rgb(196,179,33)
```
#ccba19
```
#ccba19 rgb(204,186,25)
```
#d5c110
```
#d5c110 rgb(213,193,16)
```
#dec807
```
#dec807 rgb(222,200,7)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a09e87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa83d Protanopia 1% of men
#cfa041 Deuteranopia 1% of men
#c09faa Tritanopia 0.001% of the population

Trichromacy

#b7a639 Protanomaly 1% of men, 0.01% of women
#c4a13c Deuteranomaly 6% of men, 0.4% of women
#baa17f Tritanomaly 0.01% of the population

#b2a533 hex color

#b2a533 Color Information

#b2a533 Color Conversion

Color Schemes with #b2a533

Alternatives to #b2a533

#b2a533 Preview

Shades and Tints of #b2a533

Tones of #b2a533

Color Blindness Simulator