#b2a350 hex color

In a RGB color space, hex #b2a350 is composed of 69.8% red, 63.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 55.1% yellow and 30.2% black. It has a hue angle of 50.8 degrees, a saturation of 38.9% and a lightness of 50.6%. #b2a350 color hex could be obtained by blending #ffffa0 with #654700. Closest websafe color is: #999966.

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

● #b2a350 color description : Dark moderate yellow.

The hexadecimal color #b2a350 has RGB values of R:178, G:163, B:80 and CMYK values of C:0, M:0.08, Y:0.55, K:0.3. Its decimal value is 11707216.

Hex triplet	b2a350	`#b2a350`
RGB Decimal	178, 163, 80	`rgb(178,163,80)`
RGB Percent	69.8, 63.9, 31.4	`rgb(69.8%,63.9%,31.4%)`
CMYK	0, 8, 55, 30
HSL	50.8°, 38.9, 50.6	`hsl(50.8,38.9%,50.6%)`
HSV (or HSB)	50.8°, 55.1, 69.8
Web Safe	999966	`#999966`

CIE-LAB	66.702, -5.391, 44.487
XYZ	32.905, 36.239, 12.851
xyY	0.401, 0.442, 36.239
CIE-LCH	66.702, 44.812, 96.909
CIE-LUV	66.702, 14.014, 53.723
Hunter-Lab	60.199, -7.779, 29.483
Binary	10110010, 10100011, 01010000

#b2a350
```
#b2a350 rgb(178,163,80)
```
#505fb2
```
#505fb2 rgb(80,95,178)
```

Complementary Color

#b27250
```
#b27250 rgb(178,114,80)
```
#b2a350
```
#b2a350 rgb(178,163,80)
```
#90b250
```
#90b250 rgb(144,178,80)
```

Analogous Color

#7250b2
```
#7250b2 rgb(114,80,178)
```
#b2a350
```
#b2a350 rgb(178,163,80)
```
#5090b2
```
#5090b2 rgb(80,144,178)
```

Split Complementary Color

#a350b2
```
#a350b2 rgb(163,80,178)
```
#b2a350
```
#b2a350 rgb(178,163,80)
```
#50b2a3
```
#50b2a3 rgb(80,178,163)
```

Triadic Color

#b2505f
```
#b2505f rgb(178,80,95)
```
#b2a350
```
#b2a350 rgb(178,163,80)
```
#50b2a3
```
#50b2a3 rgb(80,178,163)
```
#505fb2
```
#505fb2 rgb(80,95,178)
```

Tetradic Color

#7e7337
```
#7e7337 rgb(126,115,55)
```
#90833f
```
#90833f rgb(144,131,63)
```
#a19447
```
#a19447 rgb(161,148,71)
```
#b2a350
```
#b2a350 rgb(178,163,80)
```
#baac62
```
#baac62 rgb(186,172,98)
```
#c2b673
```
#c2b673 rgb(194,182,115)
```
#c9bf85
```
#c9bf85 rgb(201,191,133)
```

Monochromatic Color

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

#b28b50
```
#b28b50 rgb(178,139,80)
```
#b29350
```
#b29350 rgb(178,147,80)
```
#b29b50
```
#b29b50 rgb(178,155,80)
```
#b2a350
```
#b2a350 rgb(178,163,80)
```
#b2ab50
```
#b2ab50 rgb(178,171,80)
```
#b1b250
```
#b1b250 rgb(177,178,80)
```
#a9b250
```
#a9b250 rgb(169,178,80)
```

Similar Colors

Text with hexadecimal color #b2a350

This text has a font color of #b2a350.

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

#b2a350 background color

This paragraph has a background color of #b2a350.

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

#b2a350 border color

This element has a border color of #b2a350.

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

CSS codes

.text {color:#b2a350;}

.background {background-color:#b2a350;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100e07
```
#100e07 rgb(16,14,7)
```
#1d1b0d
```
#1d1b0d rgb(29,27,13)
```
#2b2713
```
#2b2713 rgb(43,39,19)
```
#393419
```
#393419 rgb(57,52,25)
```
#46401f
```
#46401f rgb(70,64,31)
```
#544d25
```
#544d25 rgb(84,77,37)
```
#61592b
```
#61592b rgb(97,89,43)
```
#6f6631
```
#6f6631 rgb(111,102,49)
```
#7d7237
```
#7d7237 rgb(125,114,55)
```
#8a7e3d
```
#8a7e3d rgb(138,126,61)
```
#988b43
```
#988b43 rgb(152,139,67)
```
#a69749
```
#a69749 rgb(166,151,73)
```

Shade Color Variation

#b2a350
```
#b2a350 rgb(178,163,80)
```
#b8aa5e
```
#b8aa5e rgb(184,170,94)
```
#beb16b
```
#beb16b rgb(190,177,107)
```
#c4b879
```
#c4b879 rgb(196,184,121)
```
#cac086
```
#cac086 rgb(202,192,134)
```
#d0c794
```
#d0c794 rgb(208,199,148)
```
#d6cea2
```
#d6cea2 rgb(214,206,162)
```
#dcd5af
```
#dcd5af rgb(220,213,175)
```
#e2dcbd
```
#e2dcbd rgb(226,220,189)
```
#e8e3cb
```
#e8e3cb rgb(232,227,203)
```
#eeebd8
```
#eeebd8 rgb(238,235,216)
```
#f4f2e6
```
#f4f2e6 rgb(244,242,230)
```
#faf9f3
```
#faf9f3 rgb(250,249,243)
```

Tint Color Variation

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

#828180
```
#828180 rgb(130,129,128)
```
#8b8877
```
#8b8877 rgb(139,136,119)
```
#958f6d
```
#958f6d rgb(149,143,109)
```
#9f9663
```
#9f9663 rgb(159,150,99)
```
#a89c5a
```
#a89c5a rgb(168,156,90)
```
#b2a350
```
#b2a350 rgb(178,163,80)
```
#bcaa46
```
#bcaa46 rgb(188,170,70)
```
#c5b03d
```
#c5b03d rgb(197,176,61)
```
#cfb733
```
#cfb733 rgb(207,183,51)
```
#d9be29
```
#d9be29 rgb(217,190,41)
```
#e2c520
```
#e2c520 rgb(226,197,32)
```
#eccb16
```
#eccb16 rgb(236,203,22)
```
#f6d20c
```
#f6d20c rgb(246,210,12)
```

Tone Color Variation

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

Dichromacy

#b7a758 Protanopia 1% of men
#cb9f5b Deuteranopia 1% of men
#be9ea9 Tritanopia 0.001% of the population

Trichromacy

#b5a555 Protanomaly 1% of men, 0.01% of women
#c2a057 Deuteranomaly 6% of men, 0.4% of women
#baa089 Tritanomaly 0.01% of the population

#b2a350 hex color

#b2a350 Color Information

#b2a350 Color Conversion

Color Schemes with #b2a350

Alternatives to #b2a350

#b2a350 Preview

Shades and Tints of #b2a350

Tones of #b2a350

Color Blindness Simulator