#b2a250 hex color

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

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

● #b2a250 color description : Dark moderate yellow.

The hexadecimal color #b2a250 has RGB values of R:178, G:162, B:80 and CMYK values of C:0, M:0.09, Y:0.55, K:0.3. Its decimal value is 11706960.

Hex triplet	b2a250	`#b2a250`
RGB Decimal	178, 162, 80	`rgb(178,162,80)`
RGB Percent	69.8, 63.5, 31.4	`rgb(69.8%,63.5%,31.4%)`
CMYK	0, 9, 55, 30
HSL	50.2°, 38.9, 50.6	`hsl(50.2,38.9%,50.6%)`
HSV (or HSB)	50.2°, 55.1, 69.8
Web Safe	999966	`#999966`

CIE-LAB	66.432, -4.857, 44.172
XYZ	32.728, 35.886, 12.792
xyY	0.402, 0.441, 35.886
CIE-LCH	66.432, 44.438, 96.276
CIE-LUV	66.432, 14.671, 53.247
Hunter-Lab	59.905, -7.311, 29.273
Binary	10110010, 10100010, 01010000

#b2a250
```
#b2a250 rgb(178,162,80)
```
#5060b2
```
#5060b2 rgb(80,96,178)
```

Complementary Color

#b27150
```
#b27150 rgb(178,113,80)
```
#b2a250
```
#b2a250 rgb(178,162,80)
```
#91b250
```
#91b250 rgb(145,178,80)
```

Analogous Color

#7150b2
```
#7150b2 rgb(113,80,178)
```
#b2a250
```
#b2a250 rgb(178,162,80)
```
#5091b2
```
#5091b2 rgb(80,145,178)
```

Split Complementary Color

#a250b2
```
#a250b2 rgb(162,80,178)
```
#b2a250
```
#b2a250 rgb(178,162,80)
```
#50b2a2
```
#50b2a2 rgb(80,178,162)
```

Triadic Color

#b25060
```
#b25060 rgb(178,80,96)
```
#b2a250
```
#b2a250 rgb(178,162,80)
```
#50b2a2
```
#50b2a2 rgb(80,178,162)
```
#5060b2
```
#5060b2 rgb(80,96,178)
```

Tetradic Color

#7e7337
```
#7e7337 rgb(126,115,55)
```
#90833f
```
#90833f rgb(144,131,63)
```
#a19347
```
#a19347 rgb(161,147,71)
```
#b2a250
```
#b2a250 rgb(178,162,80)
```
#baab62
```
#baab62 rgb(186,171,98)
```
#c2b573
```
#c2b573 rgb(194,181,115)
```
#c9be85
```
#c9be85 rgb(201,190,133)
```

Monochromatic Color

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

#b28a50
```
#b28a50 rgb(178,138,80)
```
#b29250
```
#b29250 rgb(178,146,80)
```
#b29a50
```
#b29a50 rgb(178,154,80)
```
#b2a250
```
#b2a250 rgb(178,162,80)
```
#b2aa50
```
#b2aa50 rgb(178,170,80)
```
#b2b250
```
#b2b250 rgb(178,178,80)
```
#aab250
```
#aab250 rgb(170,178,80)
```

Similar Colors

Text with hexadecimal color #b2a250

This text has a font color of #b2a250.

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

#b2a250 background color

This paragraph has a background color of #b2a250.

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

#b2a250 border color

This element has a border color of #b2a250.

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

CSS codes

.text {color:#b2a250;}

.background {background-color:#b2a250;}

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

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)
```
#393319
```
#393319 rgb(57,51,25)
```
#46401f
```
#46401f rgb(70,64,31)
```
#544c25
```
#544c25 rgb(84,76,37)
```
#61592b
```
#61592b rgb(97,89,43)
```
#6f6531
```
#6f6531 rgb(111,101,49)
```
#7d7137
```
#7d7137 rgb(125,113,55)
```
#8a7e3d
```
#8a7e3d rgb(138,126,61)
```
#988a43
```
#988a43 rgb(152,138,67)
```
#a69649
```
#a69649 rgb(166,150,73)
```

Shade Color Variation

#b2a250
```
#b2a250 rgb(178,162,80)
```
#b8a95e
```
#b8a95e rgb(184,169,94)
```
#beb06b
```
#beb06b rgb(190,176,107)
```
#c4b879
```
#c4b879 rgb(196,184,121)
```
#cabf86
```
#cabf86 rgb(202,191,134)
```
#d0c694
```
#d0c694 rgb(208,198,148)
```
#d6cda2
```
#d6cda2 rgb(214,205,162)
```
#dcd5af
```
#dcd5af rgb(220,213,175)
```
#e2dcbd
```
#e2dcbd rgb(226,220,189)
```
#e8e3cb
```
#e8e3cb rgb(232,227,203)
```
#eeead8
```
#eeead8 rgb(238,234,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 #f6d00c is the most saturated one.

#828180
```
#828180 rgb(130,129,128)
```
#8b8877
```
#8b8877 rgb(139,136,119)
```
#958e6d
```
#958e6d rgb(149,142,109)
```
#9f9563
```
#9f9563 rgb(159,149,99)
```
#a89b5a
```
#a89b5a rgb(168,155,90)
```
#b2a250
```
#b2a250 rgb(178,162,80)
```
#bca946
```
#bca946 rgb(188,169,70)
```
#c5af3d
```
#c5af3d rgb(197,175,61)
```
#cfb633
```
#cfb633 rgb(207,182,51)
```
#d9bc29
```
#d9bc29 rgb(217,188,41)
```
#e2c320
```
#e2c320 rgb(226,195,32)
```
#ecc916
```
#ecc916 rgb(236,201,22)
```
#f6d00c
```
#f6d00c rgb(246,208,12)
```

Tone Color Variation

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

Dichromacy

#b7a659 Protanopia 1% of men
#ca9f5b Deuteranopia 1% of men
#be9da8 Tritanopia 0.001% of the population

Trichromacy

#b5a455 Protanomaly 1% of men, 0.01% of women
#c1a057 Deuteranomaly 6% of men, 0.4% of women
#b99f88 Tritanomaly 0.01% of the population

#b2a250 hex color

#b2a250 Color Information

#b2a250 Color Conversion

Color Schemes with #b2a250

Alternatives to #b2a250

#b2a250 Preview

Shades and Tints of #b2a250

Tones of #b2a250

Color Blindness Simulator