#b5a296 hex color

In a RGB color space, hex #b5a296 is composed of 71% red, 63.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 17.1% yellow and 29% black. It has a hue angle of 23.2 degrees, a saturation of 17.3% and a lightness of 64.9%. #b5a296 color hex could be obtained by blending #ffffff with #6b452d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 71
- G 64
- B 59
RGB color chart
- C 0
- M 10
- Y 17
- K 29
CMYK color chart

● #b5a296 color description : Grayish orange.

The hexadecimal color #b5a296 has RGB values of R:181, G:162, B:150 and CMYK values of C:0, M:0.1, Y:0.17, K:0.29. Its decimal value is 11903638.

Hex triplet	b5a296	`#b5a296`
RGB Decimal	181, 162, 150	`rgb(181,162,150)`
RGB Percent	71, 63.5, 58.8	`rgb(71%,63.5%,58.8%)`
CMYK	0, 10, 17, 29
HSL	23.2°, 17.3, 64.9	`hsl(23.2,17.3%,64.9%)`
HSV (or HSB)	23.2°, 17.1, 71
Web Safe	cc9999	`#cc9999`

CIE-LAB	67.923, 4.922, 8.759
XYZ	37.481, 37.867, 34.187
xyY	0.342, 0.346, 37.867
CIE-LCH	67.923, 10.047, 60.669
CIE-LUV	67.923, 12.274, 11.472
Hunter-Lab	61.536, 1.033, 10.136
Binary	10110101, 10100010, 10010110

#b5a296
```
#b5a296 rgb(181,162,150)
```
#96a9b5
```
#96a9b5 rgb(150,169,181)
```

Complementary Color

#b5969a
```
#b5969a rgb(181,150,154)
```
#b5a296
```
#b5a296 rgb(181,162,150)
```
#b5b296
```
#b5b296 rgb(181,178,150)
```

Analogous Color

#969ab5
```
#969ab5 rgb(150,154,181)
```
#b5a296
```
#b5a296 rgb(181,162,150)
```
#96b5b2
```
#96b5b2 rgb(150,181,178)
```

Split Complementary Color

#a296b5
```
#a296b5 rgb(162,150,181)
```
#b5a296
```
#b5a296 rgb(181,162,150)
```
#96b5a2
```
#96b5a2 rgb(150,181,162)
```

Triadic Color

#b596a9
```
#b596a9 rgb(181,150,169)
```
#b5a296
```
#b5a296 rgb(181,162,150)
```
#96b5a2
```
#96b5a2 rgb(150,181,162)
```
#96a9b5
```
#96a9b5 rgb(150,169,181)
```

Tetradic Color

#957a69
```
#957a69 rgb(149,122,105)
```
#a08878
```
#a08878 rgb(160,136,120)
```
#aa9587
```
#aa9587 rgb(170,149,135)
```
#b5a296
```
#b5a296 rgb(181,162,150)
```
#c0afa5
```
#c0afa5 rgb(192,175,165)
```
#cabcb4
```
#cabcb4 rgb(202,188,180)
```
#d5cac3
```
#d5cac3 rgb(213,202,195)
```

Monochromatic Color

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

#b59a96
```
#b59a96 rgb(181,154,150)
```
#b59d96
```
#b59d96 rgb(181,157,150)
```
#b59f96
```
#b59f96 rgb(181,159,150)
```
#b5a296
```
#b5a296 rgb(181,162,150)
```
#b5a596
```
#b5a596 rgb(181,165,150)
```
#b5a796
```
#b5a796 rgb(181,167,150)
```
#b5aa96
```
#b5aa96 rgb(181,170,150)
```

Similar Colors

Text with hexadecimal color #b5a296

This text has a font color of #b5a296.

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

#b5a296 background color

This paragraph has a background color of #b5a296.

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

#b5a296 border color

This element has a border color of #b5a296.

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

CSS codes

.text {color:#b5a296;}

.background {background-color:#b5a296;}

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

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, #0a0807 is the darkest color, while #fefefe is the lightest one.

#0a0807
```
#0a0807 rgb(10,8,7)
```
#16120f
```
#16120f rgb(22,18,15)
```
#211b17
```
#211b17 rgb(33,27,23)
```
#2d251f
```
#2d251f rgb(45,37,31)
```
#382e28
```
#382e28 rgb(56,46,40)
```
#443730
```
#443730 rgb(68,55,48)
```
#4f4138
```
#4f4138 rgb(79,65,56)
```
#5b4a40
```
#5b4a40 rgb(91,74,64)
```
#665448
```
#665448 rgb(102,84,72)
```
#725d50
```
#725d50 rgb(114,93,80)
```
#7d6658
```
#7d6658 rgb(125,102,88)
```
#897060
```
#897060 rgb(137,112,96)
```
#947968
```
#947968 rgb(148,121,104)
```

Shade Color Variation

#9d8373
```
#9d8373 rgb(157,131,115)
```
#a58e7f
```
#a58e7f rgb(165,142,127)
```
#ad988a
```
#ad988a rgb(173,152,138)
```
#b5a296
```
#b5a296 rgb(181,162,150)
```
#bdaca2
```
#bdaca2 rgb(189,172,162)
```
#c5b6ad
```
#c5b6ad rgb(197,182,173)
```
#cdc1b9
```
#cdc1b9 rgb(205,193,185)
```
#d5cbc4
```
#d5cbc4 rgb(213,203,196)
```
#ded5d0
```
#ded5d0 rgb(222,213,208)
```
#e6dfdb
```
#e6dfdb rgb(230,223,219)
```
#eee9e7
```
#eee9e7 rgb(238,233,231)
```
#f6f4f2
```
#f6f4f2 rgb(246,244,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a7a5a4
```
#a7a5a4 rgb(167,165,164)
```
#aea49d
```
#aea49d rgb(174,164,157)
```
#b5a296
```
#b5a296 rgb(181,162,150)
```
#bca08f
```
#bca08f rgb(188,160,143)
```
#c39f88
```
#c39f88 rgb(195,159,136)
```
#ca9d81
```
#ca9d81 rgb(202,157,129)
```
#d19c7a
```
#d19c7a rgb(209,156,122)
```
#d79a74
```
#d79a74 rgb(215,154,116)
```
#de996d
```
#de996d rgb(222,153,109)
```
#e59766
```
#e59766 rgb(229,151,102)
```
#ec965f
```
#ec965f rgb(236,150,95)
```
#f39458
```
#f39458 rgb(243,148,88)
```
#fa9251
```
#fa9251 rgb(250,146,81)
```

Tone Color Variation

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

Dichromacy

#b0a99c Protanopia 1% of men
#bfa49c Deuteranopia 1% of men
#bba3af Tritanopia 0.001% of the population

Trichromacy

#b1a69a Protanomaly 1% of men, 0.01% of women
#bba399 Deuteranomaly 6% of men, 0.4% of women
#b9a3a6 Tritanomaly 0.01% of the population

#b5a296 hex color

#b5a296 Color Information

#b5a296 Color Conversion

Color Schemes with #b5a296

Alternatives to #b5a296

#b5a296 Preview

Shades and Tints of #b5a296

Tones of #b5a296

Color Blindness Simulator