#b2a78e hex color

In a RGB color space, hex #b2a78e is composed of 69.8% red, 65.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.2% magenta, 20.2% yellow and 30.2% black. It has a hue angle of 41.7 degrees, a saturation of 18.9% and a lightness of 62.7%. #b2a78e color hex could be obtained by blending #ffffff with #654f1d. Closest websafe color is: #999999.

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

● #b2a78e color description : Dark grayish orange.

The hexadecimal color #b2a78e has RGB values of R:178, G:167, B:142 and CMYK values of C:0, M:0.06, Y:0.2, K:0.3. Its decimal value is 11708302.

Hex triplet	b2a78e	`#b2a78e`
RGB Decimal	178, 167, 142	`rgb(178,167,142)`
RGB Percent	69.8, 65.5, 55.7	`rgb(69.8%,65.5%,55.7%)`
CMYK	0, 6, 20, 30
HSL	41.7°, 18.9, 62.7	`hsl(41.7,18.9%,62.7%)`
HSV (or HSB)	41.7°, 20.2, 69.8
Web Safe	999999	`#999999`

CIE-LAB	68.792, -0.2, 14.372
XYZ	37.061, 39.056, 31.176
xyY	0.345, 0.364, 39.056
CIE-LCH	68.792, 14.373, 90.797
CIE-LUV	68.792, 8.119, 19.94
Hunter-Lab	62.495, -3.512, 14.169
Binary	10110010, 10100111, 10001110

#b2a78e
```
#b2a78e rgb(178,167,142)
```
#8e99b2
```
#8e99b2 rgb(142,153,178)
```

Complementary Color

#b2958e
```
#b2958e rgb(178,149,142)
```
#b2a78e
```
#b2a78e rgb(178,167,142)
```
#abb28e
```
#abb28e rgb(171,178,142)
```

Analogous Color

#958eb2
```
#958eb2 rgb(149,142,178)
```
#b2a78e
```
#b2a78e rgb(178,167,142)
```
#8eabb2
```
#8eabb2 rgb(142,171,178)
```

Split Complementary Color

#a78eb2
```
#a78eb2 rgb(167,142,178)
```
#b2a78e
```
#b2a78e rgb(178,167,142)
```
#8eb2a7
```
#8eb2a7 rgb(142,178,167)
```

Triadic Color

#b28e99
```
#b28e99 rgb(178,142,153)
```
#b2a78e
```
#b2a78e rgb(178,167,142)
```
#8eb2a7
```
#8eb2a7 rgb(142,178,167)
```
#8e99b2
```
#8e99b2 rgb(142,153,178)
```

Tetradic Color

#918363
```
#918363 rgb(145,131,99)
```
#9d8f70
```
#9d8f70 rgb(157,143,112)
```
#a89b7f
```
#a89b7f rgb(168,155,127)
```
#b2a78e
```
#b2a78e rgb(178,167,142)
```
#bcb39d
```
#bcb39d rgb(188,179,157)
```
#c7bfac
```
#c7bfac rgb(199,191,172)
```
#d1cabb
```
#d1cabb rgb(209,202,187)
```

Monochromatic Color

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

#b29e8e
```
#b29e8e rgb(178,158,142)
```
#b2a18e
```
#b2a18e rgb(178,161,142)
```
#b2a48e
```
#b2a48e rgb(178,164,142)
```
#b2a78e
```
#b2a78e rgb(178,167,142)
```
#b2aa8e
```
#b2aa8e rgb(178,170,142)
```
#b2ad8e
```
#b2ad8e rgb(178,173,142)
```
#b2b08e
```
#b2b08e rgb(178,176,142)
```

Similar Colors

Text with hexadecimal color #b2a78e

This text has a font color of #b2a78e.

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

#b2a78e background color

This paragraph has a background color of #b2a78e.

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

#b2a78e border color

This element has a border color of #b2a78e.

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

CSS codes

.text {color:#b2a78e;}

.background {background-color:#b2a78e;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#0f0e0a
```
#0f0e0a rgb(15,14,10)
```
#1b1812
```
#1b1812 rgb(27,24,18)
```
#27231a
```
#27231a rgb(39,35,26)
```
#322d22
```
#322d22 rgb(50,45,34)
```
#3e382a
```
#3e382a rgb(62,56,42)
```
#4a4232
```
#4a4232 rgb(74,66,50)
```
#554d3a
```
#554d3a rgb(85,77,58)
```
#615842
```
#615842 rgb(97,88,66)
```
#6d624a
```
#6d624a rgb(109,98,74)
```
#786d52
```
#786d52 rgb(120,109,82)
```
#84775a
```
#84775a rgb(132,119,90)
```
#908262
```
#908262 rgb(144,130,98)
```

Shade Color Variation

#9a8c6b
```
#9a8c6b rgb(154,140,107)
```
#a29577
```
#a29577 rgb(162,149,119)
```
#aa9e82
```
#aa9e82 rgb(170,158,130)
```
#b2a78e
```
#b2a78e rgb(178,167,142)
```
#bab09a
```
#bab09a rgb(186,176,154)
```
#c2b9a5
```
#c2b9a5 rgb(194,185,165)
```
#cac2b1
```
#cac2b1 rgb(202,194,177)
```
#d2cbbd
```
#d2cbbd rgb(210,203,189)
```
#dad4c8
```
#dad4c8 rgb(218,212,200)
```
#e2ded4
```
#e2ded4 rgb(226,222,212)
```
#eae7e0
```
#eae7e0 rgb(234,231,224)
```
#f2f0eb
```
#f2f0eb rgb(242,240,235)
```
#faf9f7
```
#faf9f7 rgb(250,249,247)
```

Tint Color Variation

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

#a3a19d
```
#a3a19d rgb(163,161,157)
```
#aba495
```
#aba495 rgb(171,164,149)
```
#b2a78e
```
#b2a78e rgb(178,167,142)
```
#b9aa87
```
#b9aa87 rgb(185,170,135)
```
#c1ad7f
```
#c1ad7f rgb(193,173,127)
```
#c8b078
```
#c8b078 rgb(200,176,120)
```
#cfb271
```
#cfb271 rgb(207,178,113)
```
#d7b569
```
#d7b569 rgb(215,181,105)
```
#deb862
```
#deb862 rgb(222,184,98)
```
#e5bb5b
```
#e5bb5b rgb(229,187,91)
```
#ecbe54
```
#ecbe54 rgb(236,190,84)
```
#f4c14c
```
#f4c14c rgb(244,193,76)
```
#fbc345
```
#fbc345 rgb(251,195,69)
```

Tone Color Variation

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

#b5ab94 Protanopia 1% of men
#c4a695 Deuteranopia 1% of men
#baa7b2 Tritanopia 0.001% of the population

Trichromacy

#b3aa91 Protanomaly 1% of men, 0.01% of women
#bda692 Deuteranomaly 6% of men, 0.4% of women
#b7a7a5 Tritanomaly 0.01% of the population

#b2a78e hex color

#b2a78e Color Information

#b2a78e Color Conversion

Color Schemes with #b2a78e

Alternatives to #b2a78e

#b2a78e Preview

Shades and Tints of #b2a78e

Tones of #b2a78e

Color Blindness Simulator