#b2a345 hex color

In a RGB color space, hex #b2a345 is composed of 69.8% red, 63.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 61.2% yellow and 30.2% black. It has a hue angle of 51.7 degrees, a saturation of 44.1% and a lightness of 48.4%. #b2a345 color hex could be obtained by blending #ffff8a with #654700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 64
- B 27
RGB color chart
- C 0
- M 8
- Y 61
- K 30
CMYK color chart

● #b2a345 color description : Dark moderate yellow.

The hexadecimal color #b2a345 has RGB values of R:178, G:163, B:69 and CMYK values of C:0, M:0.08, Y:0.61, K:0.3. Its decimal value is 11707205.

Hex triplet	b2a345	`#b2a345`
RGB Decimal	178, 163, 69	`rgb(178,163,69)`
RGB Percent	69.8, 63.9, 27.1	`rgb(69.8%,63.9%,27.1%)`
CMYK	0, 8, 61, 30
HSL	51.7°, 44.1, 48.4	`hsl(51.7,44.1%,48.4%)`
HSV (or HSB)	51.7°, 61.2, 69.8
Web Safe	999933	`#999933`

CIE-LAB	66.589, -6.234, 49.579
XYZ	32.532, 36.09, 10.882
xyY	0.409, 0.454, 36.09
CIE-LCH	66.589, 49.97, 97.167
CIE-LUV	66.589, 14.459, 58.16
Hunter-Lab	60.075, -8.47, 31.312
Binary	10110010, 10100011, 01000101

#b2a345
```
#b2a345 rgb(178,163,69)
```
#4554b2
```
#4554b2 rgb(69,84,178)
```

Complementary Color

#b26d45
```
#b26d45 rgb(178,109,69)
```
#b2a345
```
#b2a345 rgb(178,163,69)
```
#8bb245
```
#8bb245 rgb(139,178,69)
```

Analogous Color

#6d45b2
```
#6d45b2 rgb(109,69,178)
```
#b2a345
```
#b2a345 rgb(178,163,69)
```
#458bb2
```
#458bb2 rgb(69,139,178)
```

Split Complementary Color

#a345b2
```
#a345b2 rgb(163,69,178)
```
#b2a345
```
#b2a345 rgb(178,163,69)
```
#45b2a3
```
#45b2a3 rgb(69,178,163)
```

Triadic Color

#b24554
```
#b24554 rgb(178,69,84)
```
#b2a345
```
#b2a345 rgb(178,163,69)
```
#45b2a3
```
#45b2a3 rgb(69,178,163)
```
#4554b2
```
#4554b2 rgb(69,84,178)
```

Tetradic Color

#7b7130
```
#7b7130 rgb(123,113,48)
```
#8d8137
```
#8d8137 rgb(141,129,55)
```
#a0923e
```
#a0923e rgb(160,146,62)
```
#b2a345
```
#b2a345 rgb(178,163,69)
```
#bdae54
```
#bdae54 rgb(189,174,84)
```
#c4b766
```
#c4b766 rgb(196,183,102)
```
#cbc079
```
#cbc079 rgb(203,192,121)
```

Monochromatic Color

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

#b28845
```
#b28845 rgb(178,136,69)
```
#b29145
```
#b29145 rgb(178,145,69)
```
#b29a45
```
#b29a45 rgb(178,154,69)
```
#b2a345
```
#b2a345 rgb(178,163,69)
```
#b2ac45
```
#b2ac45 rgb(178,172,69)
```
#afb245
```
#afb245 rgb(175,178,69)
```
#a6b245
```
#a6b245 rgb(166,178,69)
```

Similar Colors

Text with hexadecimal color #b2a345

This text has a font color of #b2a345.

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

#b2a345 background color

This paragraph has a background color of #b2a345.

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

#b2a345 border color

This element has a border color of #b2a345.

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

CSS codes

.text {color:#b2a345;}

.background {background-color:#b2a345;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#171509
```
#171509 rgb(23,21,9)
```
#25220e
```
#25220e rgb(37,34,14)
```
#332e14
```
#332e14 rgb(51,46,20)
```
#413b19
```
#413b19 rgb(65,59,25)
```
#4f481f
```
#4f481f rgb(79,72,31)
```
#5d5524
```
#5d5524 rgb(93,85,36)
```
#6b622a
```
#6b622a rgb(107,98,42)
```
#796f2f
```
#796f2f rgb(121,111,47)
```
#887c35
```
#887c35 rgb(136,124,53)
```
#96893a
```
#96893a rgb(150,137,58)
```
#a49640
```
#a49640 rgb(164,150,64)
```
#b2a345
```
#b2a345 rgb(178,163,69)
```

Shade Color Variation

#bbac50
```
#bbac50 rgb(187,172,80)
```
#c0b35e
```
#c0b35e rgb(192,179,94)
```
#c6ba6c
```
#c6ba6c rgb(198,186,108)
```
#cbc07a
```
#cbc07a rgb(203,192,122)
```
#d1c788
```
#d1c788 rgb(209,199,136)
```
#d6ce96
```
#d6ce96 rgb(214,206,150)
```
#dcd4a4
```
#dcd4a4 rgb(220,212,164)
```
#e1dbb3
```
#e1dbb3 rgb(225,219,179)
```
#e7e2c1
```
#e7e2c1 rgb(231,226,193)
```
#ece8cf
```
#ece8cf rgb(236,232,207)
```
#f2efdd
```
#f2efdd rgb(242,239,221)
```
#f7f6eb
```
#f7f6eb rgb(247,246,235)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#838175
```
#838175 rgb(131,129,117)
```
#8c876b
```
#8c876b rgb(140,135,107)
```
#968e62
```
#968e62 rgb(150,142,98)
```
#9f9558
```
#9f9558 rgb(159,149,88)
```
#a99c4f
```
#a99c4f rgb(169,156,79)
```
#b2a345
```
#b2a345 rgb(178,163,69)
```
#bcaa3c
```
#bcaa3c rgb(188,170,60)
```
#c5b132
```
#c5b132 rgb(197,177,50)
```
#cfb829
```
#cfb829 rgb(207,184,41)
```
#d8bf1f
```
#d8bf1f rgb(216,191,31)
```
#e2c516
```
#e2c516 rgb(226,197,22)
```
#ebcc0c
```
#ebcc0c rgb(235,204,12)
```
#f5d302
```
#f5d302 rgb(245,211,2)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a19e8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a64e Protanopia 1% of men
#cc9f51 Deuteranopia 1% of men
#bf9ea9 Tritanopia 0.001% of the population

Trichromacy

#b6a54b Protanomaly 1% of men, 0.01% of women
#c2a04d Deuteranomaly 6% of men, 0.4% of women
#ba9f84 Tritanomaly 0.01% of the population

#b2a345 hex color

#b2a345 Color Information

#b2a345 Color Conversion

Color Schemes with #b2a345

Alternatives to #b2a345

#b2a345 Preview

Shades and Tints of #b2a345

Tones of #b2a345

Color Blindness Simulator