#b2a78f hex color

In a RGB color space, hex #b2a78f is composed of 69.8% red, 65.5% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.2% magenta, 19.7% yellow and 30.2% black. It has a hue angle of 41.1 degrees, a saturation of 18.5% and a lightness of 62.9%. #b2a78f color hex could be obtained by blending #ffffff with #654f1f. 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

● #b2a78f color description : Dark grayish orange.

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

Hex triplet	b2a78f	`#b2a78f`
RGB Decimal	178, 167, 143	`rgb(178,167,143)`
RGB Percent	69.8, 65.5, 56.1	`rgb(69.8%,65.5%,56.1%)`
CMYK	0, 6, 20, 30
HSL	41.1°, 18.5, 62.9	`hsl(41.1,18.5%,62.9%)`
HSV (or HSB)	41.1°, 19.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	68.814, -0.046, 13.852
XYZ	37.136, 39.086, 31.573
xyY	0.345, 0.363, 39.086
CIE-LCH	68.814, 13.852, 90.192
CIE-LUV	68.814, 8.055, 19.234
Hunter-Lab	62.519, -3.379, 13.821
Binary	10110010, 10100111, 10001111

#b2a78f
```
#b2a78f rgb(178,167,143)
```
#8f9ab2
```
#8f9ab2 rgb(143,154,178)
```

Complementary Color

#b2968f
```
#b2968f rgb(178,150,143)
```
#b2a78f
```
#b2a78f rgb(178,167,143)
```
#acb28f
```
#acb28f rgb(172,178,143)
```

Analogous Color

#968fb2
```
#968fb2 rgb(150,143,178)
```
#b2a78f
```
#b2a78f rgb(178,167,143)
```
#8facb2
```
#8facb2 rgb(143,172,178)
```

Split Complementary Color

#a78fb2
```
#a78fb2 rgb(167,143,178)
```
#b2a78f
```
#b2a78f rgb(178,167,143)
```
#8fb2a7
```
#8fb2a7 rgb(143,178,167)
```

Triadic Color

#b28f9a
```
#b28f9a rgb(178,143,154)
```
#b2a78f
```
#b2a78f rgb(178,167,143)
```
#8fb2a7
```
#8fb2a7 rgb(143,178,167)
```
#8f9ab2
```
#8f9ab2 rgb(143,154,178)
```

Tetradic Color

#918364
```
#918364 rgb(145,131,100)
```
#9d8f71
```
#9d8f71 rgb(157,143,113)
```
#a89b80
```
#a89b80 rgb(168,155,128)
```
#b2a78f
```
#b2a78f rgb(178,167,143)
```
#bcb39e
```
#bcb39e rgb(188,179,158)
```
#c7bfad
```
#c7bfad rgb(199,191,173)
```
#d1cbbc
```
#d1cbbc rgb(209,203,188)
```

Monochromatic Color

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

#b29e8f
```
#b29e8f rgb(178,158,143)
```
#b2a18f
```
#b2a18f rgb(178,161,143)
```
#b2a48f
```
#b2a48f rgb(178,164,143)
```
#b2a78f
```
#b2a78f rgb(178,167,143)
```
#b2aa8f
```
#b2aa8f rgb(178,170,143)
```
#b2ad8f
```
#b2ad8f rgb(178,173,143)
```
#b2b08f
```
#b2b08f rgb(178,176,143)
```

Similar Colors

Text with hexadecimal color #b2a78f

This text has a font color of #b2a78f.

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

#b2a78f background color

This paragraph has a background color of #b2a78f.

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

#b2a78f border color

This element has a border color of #b2a78f.

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

CSS codes

.text {color:#b2a78f;}

.background {background-color:#b2a78f;}

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

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

#040403
```
#040403 rgb(4,4,3)
```
#100e0b
```
#100e0b rgb(16,14,11)
```
#1b1913
```
#1b1913 rgb(27,25,19)
```
#27231b
```
#27231b rgb(39,35,27)
```
#332e23
```
#332e23 rgb(51,46,35)
```
#3e382b
```
#3e382b rgb(62,56,43)
```
#4a4333
```
#4a4333 rgb(74,67,51)
```
#564d3b
```
#564d3b rgb(86,77,59)
```
#615843
```
#615843 rgb(97,88,67)
```
#6d624b
```
#6d624b rgb(109,98,75)
```
#786d53
```
#786d53 rgb(120,109,83)
```
#84775b
```
#84775b rgb(132,119,91)
```
#908263
```
#908263 rgb(144,130,99)
```

Shade Color Variation

#9a8c6c
```
#9a8c6c rgb(154,140,108)
```
#a29578
```
#a29578 rgb(162,149,120)
```
#aa9e83
```
#aa9e83 rgb(170,158,131)
```
#b2a78f
```
#b2a78f rgb(178,167,143)
```
#bab09b
```
#bab09b rgb(186,176,155)
```
#c2b9a6
```
#c2b9a6 rgb(194,185,166)
```
#cac2b2
```
#cac2b2 rgb(202,194,178)
```
#d2ccbd
```
#d2ccbd rgb(210,204,189)
```
#dad5c9
```
#dad5c9 rgb(218,213,201)
```
#e2ded5
```
#e2ded5 rgb(226,222,213)
```
#eae7e0
```
#eae7e0 rgb(234,231,224)
```
#f2f0ec
```
#f2f0ec rgb(242,240,236)
```
#faf9f8
```
#faf9f8 rgb(250,249,248)
```

Tint Color Variation

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

#a3a29e
```
#a3a29e rgb(163,162,158)
```
#aba496
```
#aba496 rgb(171,164,150)
```
#b2a78f
```
#b2a78f rgb(178,167,143)
```
#b9aa88
```
#b9aa88 rgb(185,170,136)
```
#c1ac80
```
#c1ac80 rgb(193,172,128)
```
#c8af79
```
#c8af79 rgb(200,175,121)
```
#cfb272
```
#cfb272 rgb(207,178,114)
```
#d6b56b
```
#d6b56b rgb(214,181,107)
```
#deb763
```
#deb763 rgb(222,183,99)
```
#e5ba5c
```
#e5ba5c rgb(229,186,92)
```
#ecbd55
```
#ecbd55 rgb(236,189,85)
```
#f3bf4e
```
#f3bf4e rgb(243,191,78)
```
#fbc246
```
#fbc246 rgb(251,194,70)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaa8a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ab95 Protanopia 1% of men
#c4a696 Deuteranopia 1% of men
#baa7b3 Tritanopia 0.001% of the population

Trichromacy

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

#b2a78f hex color

#b2a78f Color Information

#b2a78f Color Conversion

Color Schemes with #b2a78f

Alternatives to #b2a78f

#b2a78f Preview

Shades and Tints of #b2a78f

Tones of #b2a78f

Color Blindness Simulator