#b2a172 hex color

In a RGB color space, hex #b2a172 is composed of 69.8% red, 63.1% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.6% magenta, 36% yellow and 30.2% black. It has a hue angle of 44.1 degrees, a saturation of 29.4% and a lightness of 57.3%. #b2a172 color hex could be obtained by blending #ffffe4 with #654300. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 70
- G 63
- B 45
RGB color chart
- C 0
- M 10
- Y 36
- K 30
CMYK color chart

● #b2a172 color description : Mostly desaturated dark orange.

The hexadecimal color #b2a172 has RGB values of R:178, G:161, B:114 and CMYK values of C:0, M:0.1, Y:0.36, K:0.3. Its decimal value is 11706738.

Hex triplet	b2a172	`#b2a172`
RGB Decimal	178, 161, 114	`rgb(178,161,114)`
RGB Percent	69.8, 63.1, 44.7	`rgb(69.8%,63.1%,44.7%)`
CMYK	0, 10, 36, 30
HSL	44.1°, 29.4, 57.3	`hsl(44.1,29.4%,57.3%)`
HSV (or HSB)	44.1°, 36, 69.8
Web Safe	999966	`#999966`

CIE-LAB	66.65, -0.82, 26.76
XYZ	34.142, 36.17, 21.102
xyY	0.373, 0.396, 36.17
CIE-LCH	66.65, 26.773, 91.756
CIE-LUV	66.65, 13.47, 34.924
Hunter-Lab	60.142, -3.915, 21.296
Binary	10110010, 10100001, 01110010

#b2a172
```
#b2a172 rgb(178,161,114)
```
#7283b2
```
#7283b2 rgb(114,131,178)
```

Complementary Color

#b28172
```
#b28172 rgb(178,129,114)
```
#b2a172
```
#b2a172 rgb(178,161,114)
```
#a3b272
```
#a3b272 rgb(163,178,114)
```

Analogous Color

#8172b2
```
#8172b2 rgb(129,114,178)
```
#b2a172
```
#b2a172 rgb(178,161,114)
```
#72a3b2
```
#72a3b2 rgb(114,163,178)
```

Split Complementary Color

#a172b2
```
#a172b2 rgb(161,114,178)
```
#b2a172
```
#b2a172 rgb(178,161,114)
```
#72b2a1
```
#72b2a1 rgb(114,178,161)
```

Triadic Color

#b27283
```
#b27283 rgb(178,114,131)
```
#b2a172
```
#b2a172 rgb(178,161,114)
```
#72b2a1
```
#72b2a1 rgb(114,178,161)
```
#7283b2
```
#7283b2 rgb(114,131,178)
```

Tetradic Color

#8b7b4c
```
#8b7b4c rgb(139,123,76)
```
#9c8955
```
#9c8955 rgb(156,137,85)
```
#a99662
```
#a99662 rgb(169,150,98)
```
#b2a172
```
#b2a172 rgb(178,161,114)
```
#bbac82
```
#bbac82 rgb(187,172,130)
```
#c4b793
```
#c4b793 rgb(196,183,147)
```
#cdc2a3
```
#cdc2a3 rgb(205,194,163)
```

Monochromatic Color

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

#b29172
```
#b29172 rgb(178,145,114)
```
#b29672
```
#b29672 rgb(178,150,114)
```
#b29c72
```
#b29c72 rgb(178,156,114)
```
#b2a172
```
#b2a172 rgb(178,161,114)
```
#b2a672
```
#b2a672 rgb(178,166,114)
```
#b2ac72
```
#b2ac72 rgb(178,172,114)
```
#b2b172
```
#b2b172 rgb(178,177,114)
```

Similar Colors

Text with hexadecimal color #b2a172

This text has a font color of #b2a172.

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

#b2a172 background color

This paragraph has a background color of #b2a172.

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

#b2a172 border color

This element has a border color of #b2a172.

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

CSS codes

.text {color:#b2a172;}

.background {background-color:#b2a172;}

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

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

#0b0a06
```
#0b0a06 rgb(11,10,6)
```
#18150d
```
#18150d rgb(24,21,13)
```
#252014
```
#252014 rgb(37,32,20)
```
#312b1b
```
#312b1b rgb(49,43,27)
```
#3e3722
```
#3e3722 rgb(62,55,34)
```
#4b4229
```
#4b4229 rgb(75,66,41)
```
#574d30
```
#574d30 rgb(87,77,48)
```
#645837
```
#645837 rgb(100,88,55)
```
#71633e
```
#71633e rgb(113,99,62)
```
#7d6e44
```
#7d6e44 rgb(125,110,68)
```
#8a794b
```
#8a794b rgb(138,121,75)
```
#978552
```
#978552 rgb(151,133,82)
```
#a39059
```
#a39059 rgb(163,144,89)
```

Shade Color Variation

#ab9965
```
#ab9965 rgb(171,153,101)
```
#b2a172
```
#b2a172 rgb(178,161,114)
```
#b9a97f
```
#b9a97f rgb(185,169,127)
```
#c0b28b
```
#c0b28b rgb(192,178,139)
```
#c7ba98
```
#c7ba98 rgb(199,186,152)
```
#cec3a5
```
#cec3a5 rgb(206,195,165)
```
#d5cbb1
```
#d5cbb1 rgb(213,203,177)
```
#dcd4be
```
#dcd4be rgb(220,212,190)
```
#e2dccb
```
#e2dccb rgb(226,220,203)
```
#e9e5d7
```
#e9e5d7 rgb(233,229,215)
```
#f0ede4
```
#f0ede4 rgb(240,237,228)
```
#f7f6f1
```
#f7f6f1 rgb(247,246,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#99958b
```
#99958b rgb(153,149,139)
```
#a19983
```
#a19983 rgb(161,153,131)
```
#aa9d7a
```
#aa9d7a rgb(170,157,122)
```
#b2a172
```
#b2a172 rgb(178,161,114)
```
#baa56a
```
#baa56a rgb(186,165,106)
```
#c3a961
```
#c3a961 rgb(195,169,97)
```
#cbad59
```
#cbad59 rgb(203,173,89)
```
#d4b150
```
#d4b150 rgb(212,177,80)
```
#dcb548
```
#dcb548 rgb(220,181,72)
```
#e4b940
```
#e4b940 rgb(228,185,64)
```
#edbd37
```
#edbd37 rgb(237,189,55)
```
#f5c02f
```
#f5c02f rgb(245,192,47)
```
#fdc427
```
#fdc427 rgb(253,196,39)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a198 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a679 Protanopia 1% of men
#c4a07b Deuteranopia 1% of men
#bc9faa Tritanopia 0.001% of the population

Trichromacy

#b2a476 Protanomaly 1% of men, 0.01% of women
#bda077 Deuteranomaly 6% of men, 0.4% of women
#b89f96 Tritanomaly 0.01% of the population

#b2a172 hex color

#b2a172 Color Information

#b2a172 Color Conversion

Color Schemes with #b2a172

Alternatives to #b2a172

#b2a172 Preview

Shades and Tints of #b2a172

Tones of #b2a172

Color Blindness Simulator