#b2a48f hex color

In a RGB color space, hex #b2a48f is composed of 69.8% red, 64.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.9% magenta, 19.7% yellow and 30.2% black. It has a hue angle of 36 degrees, a saturation of 18.5% and a lightness of 62.9%. #b2a48f color hex could be obtained by blending #ffffff with #65491f. Closest websafe color is: #999999.

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

● #b2a48f color description : Dark grayish orange.

The hexadecimal color #b2a48f has RGB values of R:178, G:164, B:143 and CMYK values of C:0, M:0.08, Y:0.2, K:0.3. Its decimal value is 11707535.

Hex triplet	b2a48f	`#b2a48f`
RGB Decimal	178, 164, 143	`rgb(178,164,143)`
RGB Percent	69.8, 64.3, 56.1	`rgb(69.8%,64.3%,56.1%)`
CMYK	0, 8, 20, 30
HSL	36°, 18.5, 62.9	`hsl(36,18.5%,62.9%)`
HSV (or HSB)	36°, 19.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	68.02, 1.582, 12.738
XYZ	36.593, 38, 31.392
xyY	0.345, 0.359, 38
CIE-LCH	68.02, 12.836, 82.922
CIE-LUV	68.02, 9.757, 17.418
Hunter-Lab	61.644, -1.916, 12.957
Binary	10110010, 10100100, 10001111

#b2a48f
```
#b2a48f rgb(178,164,143)
```
#8f9db2
```
#8f9db2 rgb(143,157,178)
```

Complementary Color

#b2938f
```
#b2938f rgb(178,147,143)
```
#b2a48f
```
#b2a48f rgb(178,164,143)
```
#afb28f
```
#afb28f rgb(175,178,143)
```

Analogous Color

#938fb2
```
#938fb2 rgb(147,143,178)
```
#b2a48f
```
#b2a48f rgb(178,164,143)
```
#8fafb2
```
#8fafb2 rgb(143,175,178)
```

Split Complementary Color

#a48fb2
```
#a48fb2 rgb(164,143,178)
```
#b2a48f
```
#b2a48f rgb(178,164,143)
```
#8fb2a4
```
#8fb2a4 rgb(143,178,164)
```

Triadic Color

#b28f9d
```
#b28f9d rgb(178,143,157)
```
#b2a48f
```
#b2a48f rgb(178,164,143)
```
#8fb2a4
```
#8fb2a4 rgb(143,178,164)
```
#8f9db2
```
#8f9db2 rgb(143,157,178)
```

Tetradic Color

#917f64
```
#917f64 rgb(145,127,100)
```
#9d8b71
```
#9d8b71 rgb(157,139,113)
```
#a89880
```
#a89880 rgb(168,152,128)
```
#b2a48f
```
#b2a48f rgb(178,164,143)
```
#bcb09e
```
#bcb09e rgb(188,176,158)
```
#c7bdad
```
#c7bdad rgb(199,189,173)
```
#d1c9bc
```
#d1c9bc rgb(209,201,188)
```

Monochromatic Color

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

#b29b8f
```
#b29b8f rgb(178,155,143)
```
#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)
```

Similar Colors

Text with hexadecimal color #b2a48f

This text has a font color of #b2a48f.

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

#b2a48f background color

This paragraph has a background color of #b2a48f.

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

#b2a48f border color

This element has a border color of #b2a48f.

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

CSS codes

.text {color:#b2a48f;}

.background {background-color:#b2a48f;}

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

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)
```
#1b1813
```
#1b1813 rgb(27,24,19)
```
#27221b
```
#27221b rgb(39,34,27)
```
#332c23
```
#332c23 rgb(51,44,35)
```
#3e372b
```
#3e372b rgb(62,55,43)
```
#4a4133
```
#4a4133 rgb(74,65,51)
```
#564b3b
```
#564b3b rgb(86,75,59)
```
#615543
```
#615543 rgb(97,85,67)
```
#6d5f4b
```
#6d5f4b rgb(109,95,75)
```
#786953
```
#786953 rgb(120,105,83)
```
#84745b
```
#84745b rgb(132,116,91)
```
#907e63
```
#907e63 rgb(144,126,99)
```

Shade Color Variation

#9a886c
```
#9a886c rgb(154,136,108)
```
#a29178
```
#a29178 rgb(162,145,120)
```
#aa9b83
```
#aa9b83 rgb(170,155,131)
```
#b2a48f
```
#b2a48f rgb(178,164,143)
```
#baad9b
```
#baad9b rgb(186,173,155)
```
#c2b7a6
```
#c2b7a6 rgb(194,183,166)
```
#cac0b2
```
#cac0b2 rgb(202,192,178)
```
#d2cabd
```
#d2cabd rgb(210,202,189)
```
#dad3c9
```
#dad3c9 rgb(218,211,201)
```
#e2ddd5
```
#e2ddd5 rgb(226,221,213)
```
#eae6e0
```
#eae6e0 rgb(234,230,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, #a3a19e is the less saturated color, while #fbb346 is the most saturated one.

#a3a19e
```
#a3a19e rgb(163,161,158)
```
#aba396
```
#aba396 rgb(171,163,150)
```
#b2a48f
```
#b2a48f rgb(178,164,143)
```
#b9a588
```
#b9a588 rgb(185,165,136)
```
#c1a780
```
#c1a780 rgb(193,167,128)
```
#c8a879
```
#c8a879 rgb(200,168,121)
```
#cfaa72
```
#cfaa72 rgb(207,170,114)
```
#d6ab6b
```
#d6ab6b rgb(214,171,107)
```
#dead63
```
#dead63 rgb(222,173,99)
```
#e5ae5c
```
#e5ae5c rgb(229,174,92)
```
#ecb055
```
#ecb055 rgb(236,176,85)
```
#f3b14e
```
#f3b14e rgb(243,177,78)
```
#fbb346
```
#fbb346 rgb(251,179,70)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a8a6a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a995 Protanopia 1% of men
#c1a496 Deuteranopia 1% of men
#baa4b0 Tritanopia 0.001% of the population

Trichromacy

#b2a793 Protanomaly 1% of men, 0.01% of women
#bba493 Deuteranomaly 6% of men, 0.4% of women
#b7a4a4 Tritanomaly 0.01% of the population

#b2a48f hex color

#b2a48f Color Information

#b2a48f Color Conversion

Color Schemes with #b2a48f

Alternatives to #b2a48f

#b2a48f Preview

Shades and Tints of #b2a48f

Tones of #b2a48f

Color Blindness Simulator