#b2a78c hex color

In a RGB color space, hex #b2a78c is composed of 69.8% red, 65.5% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.2% magenta, 21.3% yellow and 30.2% black. It has a hue angle of 42.6 degrees, a saturation of 19.8% and a lightness of 62.4%. #b2a78c color hex could be obtained by blending #ffffff with #654f19. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 70
- G 65
- B 55
RGB color chart
- C 0
- M 6
- Y 21
- K 30
CMYK color chart

● #b2a78c color description : Dark grayish orange.

The hexadecimal color #b2a78c has RGB values of R:178, G:167, B:140 and CMYK values of C:0, M:0.06, Y:0.21, K:0.3. Its decimal value is 11708300.

Hex triplet	b2a78c	`#b2a78c`
RGB Decimal	178, 167, 140	`rgb(178,167,140)`
RGB Percent	69.8, 65.5, 54.9	`rgb(69.8%,65.5%,54.9%)`
CMYK	0, 6, 21, 30
HSL	42.6°, 19.8, 62.4	`hsl(42.6,19.8%,62.4%)`
HSV (or HSB)	42.6°, 21.3, 69.8
Web Safe	999999	`#999999`

CIE-LAB	68.749, -0.504, 15.412
XYZ	36.912, 38.996, 30.392
xyY	0.347, 0.367, 38.996
CIE-LCH	68.749, 15.42, 91.872
CIE-LUV	68.749, 8.248, 21.343
Hunter-Lab	62.447, -3.773, 14.857
Binary	10110010, 10100111, 10001100

#b2a78c
```
#b2a78c rgb(178,167,140)
```
#8c97b2
```
#8c97b2 rgb(140,151,178)
```

Complementary Color

#b2948c
```
#b2948c rgb(178,148,140)
```
#b2a78c
```
#b2a78c rgb(178,167,140)
```
#aab28c
```
#aab28c rgb(170,178,140)
```

Analogous Color

#948cb2
```
#948cb2 rgb(148,140,178)
```
#b2a78c
```
#b2a78c rgb(178,167,140)
```
#8caab2
```
#8caab2 rgb(140,170,178)
```

Split Complementary Color

#a78cb2
```
#a78cb2 rgb(167,140,178)
```
#b2a78c
```
#b2a78c rgb(178,167,140)
```
#8cb2a7
```
#8cb2a7 rgb(140,178,167)
```

Triadic Color

#b28c97
```
#b28c97 rgb(178,140,151)
```
#b2a78c
```
#b2a78c rgb(178,167,140)
```
#8cb2a7
```
#8cb2a7 rgb(140,178,167)
```
#8c97b2
```
#8c97b2 rgb(140,151,178)
```

Tetradic Color

#918361
```
#918361 rgb(145,131,97)
```
#9e906d
```
#9e906d rgb(158,144,109)
```
#a89b7d
```
#a89b7d rgb(168,155,125)
```
#b2a78c
```
#b2a78c rgb(178,167,140)
```
#bcb39b
```
#bcb39b rgb(188,179,155)
```
#c6beab
```
#c6beab rgb(198,190,171)
```
#d1caba
```
#d1caba rgb(209,202,186)
```

Monochromatic Color

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

#b29e8c
```
#b29e8c rgb(178,158,140)
```
#b2a18c
```
#b2a18c rgb(178,161,140)
```
#b2a48c
```
#b2a48c rgb(178,164,140)
```
#b2a78c
```
#b2a78c rgb(178,167,140)
```
#b2aa8c
```
#b2aa8c rgb(178,170,140)
```
#b2ad8c
```
#b2ad8c rgb(178,173,140)
```
#b2b18c
```
#b2b18c rgb(178,177,140)
```

Similar Colors

Text with hexadecimal color #b2a78c

This text has a font color of #b2a78c.

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

#b2a78c background color

This paragraph has a background color of #b2a78c.

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

#b2a78c border color

This element has a border color of #b2a78c.

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

CSS codes

.text {color:#b2a78c;}

.background {background-color:#b2a78c;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0e0d0a
```
#0e0d0a rgb(14,13,10)
```
#1a1811
```
#1a1811 rgb(26,24,17)
```
#262219
```
#262219 rgb(38,34,25)
```
#312d21
```
#312d21 rgb(49,45,33)
```
#3d3729
```
#3d3729 rgb(61,55,41)
```
#494231
```
#494231 rgb(73,66,49)
```
#554d39
```
#554d39 rgb(85,77,57)
```
#605741
```
#605741 rgb(96,87,65)
```
#6c6248
```
#6c6248 rgb(108,98,72)
```
#786d50
```
#786d50 rgb(120,109,80)
```
#847758
```
#847758 rgb(132,119,88)
```
#8f8260
```
#8f8260 rgb(143,130,96)
```

Shade Color Variation

#9a8c69
```
#9a8c69 rgb(154,140,105)
```
#a29575
```
#a29575 rgb(162,149,117)
```
#aa9e80
```
#aa9e80 rgb(170,158,128)
```
#b2a78c
```
#b2a78c rgb(178,167,140)
```
#bab098
```
#bab098 rgb(186,176,152)
```
#c2b9a3
```
#c2b9a3 rgb(194,185,163)
```
#cac2af
```
#cac2af rgb(202,194,175)
```
#d1cbbb
```
#d1cbbb rgb(209,203,187)
```
#d9d4c7
```
#d9d4c7 rgb(217,212,199)
```
#e1ddd2
```
#e1ddd2 rgb(225,221,210)
```
#e9e6de
```
#e9e6de rgb(233,230,222)
```
#f1efea
```
#f1efea rgb(241,239,234)
```
#f9f8f6
```
#f9f8f6 rgb(249,248,246)
```

Tint Color Variation

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

#a3a19b
```
#a3a19b rgb(163,161,155)
```
#aba493
```
#aba493 rgb(171,164,147)
```
#b2a78c
```
#b2a78c rgb(178,167,140)
```
#b9aa85
```
#b9aa85 rgb(185,170,133)
```
#c1ad7d
```
#c1ad7d rgb(193,173,125)
```
#c8b076
```
#c8b076 rgb(200,176,118)
```
#d0b36e
```
#d0b36e rgb(208,179,110)
```
#d7b767
```
#d7b767 rgb(215,183,103)
```
#deba60
```
#deba60 rgb(222,186,96)
```
#e6bd58
```
#e6bd58 rgb(230,189,88)
```
#edc051
```
#edc051 rgb(237,192,81)
```
#f4c34a
```
#f4c34a rgb(244,195,74)
```
#fcc642
```
#fcc642 rgb(252,198,66)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9a7a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5ab92 Protanopia 1% of men
#c5a693 Deuteranopia 1% of men
#baa6b2 Tritanopia 0.001% of the population

Trichromacy

#b4aa8f Protanomaly 1% of men, 0.01% of women
#bea690 Deuteranomaly 6% of men, 0.4% of women
#b7a6a4 Tritanomaly 0.01% of the population

#b2a78c hex color

#b2a78c Color Information

#b2a78c Color Conversion

Color Schemes with #b2a78c

Alternatives to #b2a78c

#b2a78c Preview

Shades and Tints of #b2a78c

Tones of #b2a78c

Color Blindness Simulator