#b2a178 hex color

In a RGB color space, hex #b2a178 is composed of 69.8% red, 63.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.6% magenta, 32.6% yellow and 30.2% black. It has a hue angle of 42.4 degrees, a saturation of 27.4% and a lightness of 58.4%. #b2a178 color hex could be obtained by blending #fffff0 with #654300. Closest websafe color is: #999966.

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

● #b2a178 color description : Mostly desaturated dark orange.

The hexadecimal color #b2a178 has RGB values of R:178, G:161, B:120 and CMYK values of C:0, M:0.1, Y:0.33, K:0.3. Its decimal value is 11706744.

Hex triplet	b2a178	`#b2a178`
RGB Decimal	178, 161, 120	`rgb(178,161,120)`
RGB Percent	69.8, 63.1, 47.1	`rgb(69.8%,63.1%,47.1%)`
CMYK	0, 10, 33, 30
HSL	42.4°, 27.4, 58.4	`hsl(42.4,27.4%,58.4%)`
HSV (or HSB)	42.4°, 32.6, 69.8
Web Safe	999966	`#999966`

CIE-LAB	66.757, -0.063, 23.643
XYZ	34.495, 36.312, 22.96
xyY	0.368, 0.387, 36.312
CIE-LCH	66.757, 23.643, 90.152
CIE-LUV	66.757, 13.083, 31.202
Hunter-Lab	60.259, -3.272, 19.591
Binary	10110010, 10100001, 01111000

#b2a178
```
#b2a178 rgb(178,161,120)
```
#7889b2
```
#7889b2 rgb(120,137,178)
```

Complementary Color

#b28478
```
#b28478 rgb(178,132,120)
```
#b2a178
```
#b2a178 rgb(178,161,120)
```
#a6b278
```
#a6b278 rgb(166,178,120)
```

Analogous Color

#8478b2
```
#8478b2 rgb(132,120,178)
```
#b2a178
```
#b2a178 rgb(178,161,120)
```
#78a6b2
```
#78a6b2 rgb(120,166,178)
```

Split Complementary Color

#a178b2
```
#a178b2 rgb(161,120,178)
```
#b2a178
```
#b2a178 rgb(178,161,120)
```
#78b2a1
```
#78b2a1 rgb(120,178,161)
```

Triadic Color

#b27889
```
#b27889 rgb(178,120,137)
```
#b2a178
```
#b2a178 rgb(178,161,120)
```
#78b2a1
```
#78b2a1 rgb(120,178,161)
```
#7889b2
```
#7889b2 rgb(120,137,178)
```

Tetradic Color

#8d7b50
```
#8d7b50 rgb(141,123,80)
```
#9d895a
```
#9d895a rgb(157,137,90)
```
#a99668
```
#a99668 rgb(169,150,104)
```
#b2a178
```
#b2a178 rgb(178,161,120)
```
#bbac88
```
#bbac88 rgb(187,172,136)
```
#c5b898
```
#c5b898 rgb(197,184,152)
```
#cec3a9
```
#cec3a9 rgb(206,195,169)
```

Monochromatic Color

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

#b29378
```
#b29378 rgb(178,147,120)
```
#b29778
```
#b29778 rgb(178,151,120)
```
#b29c78
```
#b29c78 rgb(178,156,120)
```
#b2a178
```
#b2a178 rgb(178,161,120)
```
#b2a678
```
#b2a678 rgb(178,166,120)
```
#b2ab78
```
#b2ab78 rgb(178,171,120)
```
#b2b078
```
#b2b078 rgb(178,176,120)
```

Similar Colors

Text with hexadecimal color #b2a178

This text has a font color of #b2a178.

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

#b2a178 background color

This paragraph has a background color of #b2a178.

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

#b2a178 border color

This element has a border color of #b2a178.

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

CSS codes

.text {color:#b2a178;}

.background {background-color:#b2a178;}

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

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 #f9f8f5 is the lightest one.

#020201
```
#020201 rgb(2,2,1)
```
#0f0d08
```
#0f0d08 rgb(15,13,8)
```
#1b1810
```
#1b1810 rgb(27,24,16)
```
#282317
```
#282317 rgb(40,35,23)
```
#342e1e
```
#342e1e rgb(52,46,30)
```
#413925
```
#413925 rgb(65,57,37)
```
#4d442c
```
#4d442c rgb(77,68,44)
```
#5a4f33
```
#5a4f33 rgb(90,79,51)
```
#66593a
```
#66593a rgb(102,89,58)
```
#736441
```
#736441 rgb(115,100,65)
```
#7f6f49
```
#7f6f49 rgb(127,111,73)
```
#8c7a50
```
#8c7a50 rgb(140,122,80)
```
#988557
```
#988557 rgb(152,133,87)
```

Shade Color Variation

#a4905f
```
#a4905f rgb(164,144,95)
```
#ab986c
```
#ab986c rgb(171,152,108)
```
#b2a178
```
#b2a178 rgb(178,161,120)
```
#b9aa84
```
#b9aa84 rgb(185,170,132)
```
#c0b291
```
#c0b291 rgb(192,178,145)
```
#c7bb9d
```
#c7bb9d rgb(199,187,157)
```
#cec4aa
```
#cec4aa rgb(206,196,170)
```
#d6ccb6
```
#d6ccb6 rgb(214,204,182)
```
#ddd5c3
```
#ddd5c3 rgb(221,213,195)
```
#e4decf
```
#e4decf rgb(228,222,207)
```
#ebe7dc
```
#ebe7dc rgb(235,231,220)
```
#f2efe8
```
#f2efe8 rgb(242,239,232)
```
#f9f8f5
```
#f9f8f5 rgb(249,248,245)
```

Tint Color Variation

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

#9a9790
```
#9a9790 rgb(154,151,144)
```
#a29a88
```
#a29a88 rgb(162,154,136)
```
#aa9e80
```
#aa9e80 rgb(170,158,128)
```
#b2a178
```
#b2a178 rgb(178,161,120)
```
#baa470
```
#baa470 rgb(186,164,112)
```
#c2a868
```
#c2a868 rgb(194,168,104)
```
#caab60
```
#caab60 rgb(202,171,96)
```
#d3ae57
```
#d3ae57 rgb(211,174,87)
```
#dbb24f
```
#dbb24f rgb(219,178,79)
```
#e3b547
```
#e3b547 rgb(227,181,71)
```
#ebb93f
```
#ebb93f rgb(235,185,63)
```
#f3bc37
```
#f3bc37 rgb(243,188,55)
```
#fbbf2f
```
#fbbf2f rgb(251,191,47)
```

Tone Color Variation

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

Dichromacy

#b2a67f Protanopia 1% of men
#c3a080 Deuteranopia 1% of men
#bb9fab Tritanopia 0.001% of the population

Trichromacy

#b2a47c Protanomaly 1% of men, 0.01% of women
#bda07d Deuteranomaly 6% of men, 0.4% of women
#b8a098 Tritanomaly 0.01% of the population

#b2a178 hex color

#b2a178 Color Information

#b2a178 Color Conversion

Color Schemes with #b2a178

Alternatives to #b2a178

#b2a178 Preview

Shades and Tints of #b2a178

Tones of #b2a178

Color Blindness Simulator