#b4a285 hex color

In a RGB color space, hex #b4a285 is composed of 70.6% red, 63.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 26.1% yellow and 29.4% black. It has a hue angle of 37 degrees, a saturation of 23.9% and a lightness of 61.4%. #b4a285 color hex could be obtained by blending #ffffff with #69450b. Closest websafe color is: #cc9999.

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

● #b4a285 color description : Slightly desaturated orange.

The hexadecimal color #b4a285 has RGB values of R:180, G:162, B:133 and CMYK values of C:0, M:0.1, Y:0.26, K:0.29. Its decimal value is 11838085.

Hex triplet	b4a285	`#b4a285`
RGB Decimal	180, 162, 133	`rgb(180,162,133)`
RGB Percent	70.6, 63.5, 52.2	`rgb(70.6%,63.5%,52.2%)`
CMYK	0, 10, 26, 29
HSL	37°, 23.9, 61.4	`hsl(37,23.9%,61.4%)`
HSV (or HSB)	37°, 26.1, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	67.455, 1.961, 17.495
XYZ	35.976, 37.238, 27.482
xyY	0.357, 0.37, 37.238
CIE-LCH	67.455, 17.605, 83.603
CIE-LUV	67.455, 12.911, 23.423
Hunter-Lab	61.023, -1.556, 16.015
Binary	10110100, 10100010, 10000101

#b4a285
```
#b4a285 rgb(180,162,133)
```
#8597b4
```
#8597b4 rgb(133,151,180)
```

Complementary Color

#b48b85
```
#b48b85 rgb(180,139,133)
```
#b4a285
```
#b4a285 rgb(180,162,133)
```
#afb485
```
#afb485 rgb(175,180,133)
```

Analogous Color

#8b85b4
```
#8b85b4 rgb(139,133,180)
```
#b4a285
```
#b4a285 rgb(180,162,133)
```
#85afb4
```
#85afb4 rgb(133,175,180)
```

Split Complementary Color

#a285b4
```
#a285b4 rgb(162,133,180)
```
#b4a285
```
#b4a285 rgb(180,162,133)
```
#85b4a2
```
#85b4a2 rgb(133,180,162)
```

Triadic Color

#b48597
```
#b48597 rgb(180,133,151)
```
#b4a285
```
#b4a285 rgb(180,162,133)
```
#85b4a2
```
#85b4a2 rgb(133,180,162)
```
#8597b4
```
#8597b4 rgb(133,151,180)
```

Tetradic Color

#927d5a
```
#927d5a rgb(146,125,90)
```
#a18a65
```
#a18a65 rgb(161,138,101)
```
#aa9675
```
#aa9675 rgb(170,150,117)
```
#b4a285
```
#b4a285 rgb(180,162,133)
```
#beae95
```
#beae95 rgb(190,174,149)
```
#c7baa5
```
#c7baa5 rgb(199,186,165)
```
#d1c6b4
```
#d1c6b4 rgb(209,198,180)
```

Monochromatic Color

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

#b49685
```
#b49685 rgb(180,150,133)
```
#b49a85
```
#b49a85 rgb(180,154,133)
```
#b49e85
```
#b49e85 rgb(180,158,133)
```
#b4a285
```
#b4a285 rgb(180,162,133)
```
#b4a685
```
#b4a685 rgb(180,166,133)
```
#b4aa85
```
#b4aa85 rgb(180,170,133)
```
#b4ae85
```
#b4ae85 rgb(180,174,133)
```

Similar Colors

Text with hexadecimal color #b4a285

This text has a font color of #b4a285.

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

#b4a285 background color

This paragraph has a background color of #b4a285.

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

#b4a285 border color

This element has a border color of #b4a285.

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

CSS codes

.text {color:#b4a285;}

.background {background-color:#b4a285;}

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

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

#0c0a07
```
#0c0a07 rgb(12,10,7)
```
#18140f
```
#18140f rgb(24,20,15)
```
#241f16
```
#241f16 rgb(36,31,22)
```
#30291e
```
#30291e rgb(48,41,30)
```
#3c3325
```
#3c3325 rgb(60,51,37)
```
#483e2c
```
#483e2c rgb(72,62,44)
```
#554834
```
#554834 rgb(85,72,52)
```
#61523b
```
#61523b rgb(97,82,59)
```
#6d5d43
```
#6d5d43 rgb(109,93,67)
```
#79674a
```
#79674a rgb(121,103,74)
```
#857152
```
#857152 rgb(133,113,82)
```
#917c59
```
#917c59 rgb(145,124,89)
```
#9d8661
```
#9d8661 rgb(157,134,97)
```

Shade Color Variation

#a58f6d
```
#a58f6d rgb(165,143,109)
```
#ad9979
```
#ad9979 rgb(173,153,121)
```
#b4a285
```
#b4a285 rgb(180,162,133)
```
#bbab91
```
#bbab91 rgb(187,171,145)
```
#c3b59d
```
#c3b59d rgb(195,181,157)
```
#cabea9
```
#cabea9 rgb(202,190,169)
```
#d2c7b6
```
#d2c7b6 rgb(210,199,182)
```
#d9d0c2
```
#d9d0c2 rgb(217,208,194)
```
#e1dace
```
#e1dace rgb(225,218,206)
```
#e8e3da
```
#e8e3da rgb(232,227,218)
```
#f0ece6
```
#f0ece6 rgb(240,236,230)
```
#f7f5f2
```
#f7f5f2 rgb(247,245,242)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9d9d9c
```
#9d9d9c rgb(157,157,156)
```
#a59e94
```
#a59e94 rgb(165,158,148)
```
#aca08d
```
#aca08d rgb(172,160,141)
```
#b4a285
```
#b4a285 rgb(180,162,133)
```
#bca47d
```
#bca47d rgb(188,164,125)
```
#c3a676
```
#c3a676 rgb(195,166,118)
```
#cba76e
```
#cba76e rgb(203,167,110)
```
#d2a967
```
#d2a967 rgb(210,169,103)
```
#daab5f
```
#daab5f rgb(218,171,95)
```
#e1ad58
```
#e1ad58 rgb(225,173,88)
```
#e9ae50
```
#e9ae50 rgb(233,174,80)
```
#f1b048
```
#f1b048 rgb(241,176,72)
```
#f8b241
```
#f8b241 rgb(248,178,65)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a7a49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a88c Protanopia 1% of men
#c2a28c Deuteranopia 1% of men
#bca1ad Tritanopia 0.001% of the population

Trichromacy

#b3a689 Protanomaly 1% of men, 0.01% of women
#bda289 Deuteranomaly 6% of men, 0.4% of women
#b9a19e Tritanomaly 0.01% of the population

#b4a285 hex color

#b4a285 Color Information

#b4a285 Color Conversion

Color Schemes with #b4a285

Alternatives to #b4a285

#b4a285 Preview

Shades and Tints of #b4a285

Tones of #b4a285

Color Blindness Simulator