#b3a387 hex color

In a RGB color space, hex #b3a387 is composed of 70.2% red, 63.9% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.9% magenta, 24.6% yellow and 29.8% black. It has a hue angle of 38.2 degrees, a saturation of 22.4% and a lightness of 61.6%. #b3a387 color hex could be obtained by blending #ffffff with #67470f. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 70
- G 64
- B 53
RGB color chart
- C 0
- M 9
- Y 25
- K 30
CMYK color chart

● #b3a387 color description : Grayish orange.

The hexadecimal color #b3a387 has RGB values of R:179, G:163, B:135 and CMYK values of C:0, M:0.09, Y:0.25, K:0.3. Its decimal value is 11772807.

Hex triplet	b3a387	`#b3a387`
RGB Decimal	179, 163, 135	`rgb(179,163,135)`
RGB Percent	70.2, 63.9, 52.9	`rgb(70.2%,63.9%,52.9%)`
CMYK	0, 9, 25, 30
HSL	38.2°, 22.4, 61.6	`hsl(38.2,22.4%,61.6%)`
HSV (or HSB)	38.2°, 24.6, 70.2
Web Safe	cc9999	`#cc9999`

CIE-LAB	67.671, 1.313, 16.679
XYZ	36.06, 37.528, 28.264
xyY	0.354, 0.368, 37.528
CIE-LCH	67.671, 16.73, 85.499
CIE-LUV	67.671, 11.532, 22.536
Hunter-Lab	61.26, -2.133, 15.527
Binary	10110011, 10100011, 10000111

#b3a387
```
#b3a387 rgb(179,163,135)
```
#8797b3
```
#8797b3 rgb(135,151,179)
```

Complementary Color

#b38d87
```
#b38d87 rgb(179,141,135)
```
#b3a387
```
#b3a387 rgb(179,163,135)
```
#adb387
```
#adb387 rgb(173,179,135)
```

Analogous Color

#8d87b3
```
#8d87b3 rgb(141,135,179)
```
#b3a387
```
#b3a387 rgb(179,163,135)
```
#87adb3
```
#87adb3 rgb(135,173,179)
```

Split Complementary Color

#a387b3
```
#a387b3 rgb(163,135,179)
```
#b3a387
```
#b3a387 rgb(179,163,135)
```
#87b3a3
```
#87b3a3 rgb(135,179,163)
```

Triadic Color

#b38797
```
#b38797 rgb(179,135,151)
```
#b3a387
```
#b3a387 rgb(179,163,135)
```
#87b3a3
```
#87b3a3 rgb(135,179,163)
```
#8797b3
```
#8797b3 rgb(135,151,179)
```

Tetradic Color

#917e5c
```
#917e5c rgb(145,126,92)
```
#9f8b68
```
#9f8b68 rgb(159,139,104)
```
#a99777
```
#a99777 rgb(169,151,119)
```
#b3a387
```
#b3a387 rgb(179,163,135)
```
#bdaf97
```
#bdaf97 rgb(189,175,151)
```
#c7bba6
```
#c7bba6 rgb(199,187,166)
```
#d1c7b6
```
#d1c7b6 rgb(209,199,182)
```

Monochromatic Color

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

#b39887
```
#b39887 rgb(179,152,135)
```
#b39c87
```
#b39c87 rgb(179,156,135)
```
#b39f87
```
#b39f87 rgb(179,159,135)
```
#b3a387
```
#b3a387 rgb(179,163,135)
```
#b3a787
```
#b3a787 rgb(179,167,135)
```
#b3aa87
```
#b3aa87 rgb(179,170,135)
```
#b3ae87
```
#b3ae87 rgb(179,174,135)
```

Similar Colors

Text with hexadecimal color #b3a387

This text has a font color of #b3a387.

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

#b3a387 background color

This paragraph has a background color of #b3a387.

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

#b3a387 border color

This element has a border color of #b3a387.

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

CSS codes

.text {color:#b3a387;}

.background {background-color:#b3a387;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0a08
```
#0c0a08 rgb(12,10,8)
```
#18150f
```
#18150f rgb(24,21,15)
```
#241f17
```
#241f17 rgb(36,31,23)
```
#302a1e
```
#302a1e rgb(48,42,30)
```
#3c3426
```
#3c3426 rgb(60,52,38)
```
#483f2e
```
#483f2e rgb(72,63,46)
```
#544935
```
#544935 rgb(84,73,53)
```
#60533d
```
#60533d rgb(96,83,61)
```
#6c5e45
```
#6c5e45 rgb(108,94,69)
```
#78684c
```
#78684c rgb(120,104,76)
```
#847354
```
#847354 rgb(132,115,84)
```
#907d5b
```
#907d5b rgb(144,125,91)
```

Shade Color Variation

#9c8763
```
#9c8763 rgb(156,135,99)
```
#a4916f
```
#a4916f rgb(164,145,111)
```
#ab9a7b
```
#ab9a7b rgb(171,154,123)
```
#b3a387
```
#b3a387 rgb(179,163,135)
```
#bbac93
```
#bbac93 rgb(187,172,147)
```
#c2b59f
```
#c2b59f rgb(194,181,159)
```
#cabfab
```
#cabfab rgb(202,191,171)
```
#d1c8b7
```
#d1c8b7 rgb(209,200,183)
```
#d9d1c3
```
#d9d1c3 rgb(217,209,195)
```
#e1dacf
```
#e1dacf rgb(225,218,207)
```
#e8e3db
```
#e8e3db rgb(232,227,219)
```
#f0ede7
```
#f0ede7 rgb(240,237,231)
```
#f7f6f3
```
#f7f6f3 rgb(247,246,243)
```

Tint Color Variation

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

#a49f96
```
#a49f96 rgb(164,159,150)
```
#aba18f
```
#aba18f rgb(171,161,143)
```
#b3a387
```
#b3a387 rgb(179,163,135)
```
#bba57f
```
#bba57f rgb(187,165,127)
```
#c2a778
```
#c2a778 rgb(194,167,120)
```
#caa970
```
#caa970 rgb(202,169,112)
```
#d1ab69
```
#d1ab69 rgb(209,171,105)
```
#d9ad61
```
#d9ad61 rgb(217,173,97)
```
#e0af5a
```
#e0af5a rgb(224,175,90)
```
#e8b152
```
#e8b152 rgb(232,177,82)
```
#efb34b
```
#efb34b rgb(239,179,75)
```
#f7b643
```
#f7b643 rgb(247,182,67)
```
#feb83c
```
#feb83c rgb(254,184,60)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a8a59f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a98d Protanopia 1% of men
#c2a38e Deuteranopia 1% of men
#bba3ae Tritanopia 0.001% of the population

Trichromacy

#b2a68b Protanomaly 1% of men, 0.01% of women
#bda38b Deuteranomaly 6% of men, 0.4% of women
#b8a3a0 Tritanomaly 0.01% of the population

#b3a387 hex color

#b3a387 Color Information

#b3a387 Color Conversion

Color Schemes with #b3a387

Alternatives to #b3a387

#b3a387 Preview

Shades and Tints of #b3a387

Tones of #b3a387

Color Blindness Simulator