#b4a276 hex color

In a RGB color space, hex #b4a276 is composed of 70.6% red, 63.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 34.4% yellow and 29.4% black. It has a hue angle of 42.6 degrees, a saturation of 29.2% and a lightness of 58.4%. #b4a276 color hex could be obtained by blending #ffffec with #694500. Closest websafe color is: #cc9966.

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

● #b4a276 color description : Slightly desaturated orange.

The hexadecimal color #b4a276 has RGB values of R:180, G:162, B:118 and CMYK values of C:0, M:0.1, Y:0.34, K:0.29. Its decimal value is 11838070.

Hex triplet	b4a276	`#b4a276`
RGB Decimal	180, 162, 118	`rgb(180,162,118)`
RGB Percent	70.6, 63.5, 46.3	`rgb(70.6%,63.5%,46.3%)`
CMYK	0, 10, 34, 29
HSL	42.6°, 29.2, 58.4	`hsl(42.6,29.2%,58.4%)`
HSV (or HSB)	42.6°, 34.4, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.166, -0.051, 25.311
XYZ	35.012, 36.853, 22.408
xyY	0.371, 0.391, 36.853
CIE-LCH	67.166, 25.311, 90.116
CIE-LUV	67.166, 13.943, 33.195
Hunter-Lab	60.706, -3.287, 20.61
Binary	10110100, 10100010, 01110110

#b4a276
```
#b4a276 rgb(180,162,118)
```
#7688b4
```
#7688b4 rgb(118,136,180)
```

Complementary Color

#b48376
```
#b48376 rgb(180,131,118)
```
#b4a276
```
#b4a276 rgb(180,162,118)
```
#a7b476
```
#a7b476 rgb(167,180,118)
```

Analogous Color

#8376b4
```
#8376b4 rgb(131,118,180)
```
#b4a276
```
#b4a276 rgb(180,162,118)
```
#76a7b4
```
#76a7b4 rgb(118,167,180)
```

Split Complementary Color

#a276b4
```
#a276b4 rgb(162,118,180)
```
#b4a276
```
#b4a276 rgb(180,162,118)
```
#76b4a2
```
#76b4a2 rgb(118,180,162)
```

Triadic Color

#b47688
```
#b47688 rgb(180,118,136)
```
#b4a276
```
#b4a276 rgb(180,162,118)
```
#76b4a2
```
#76b4a2 rgb(118,180,162)
```
#7688b4
```
#7688b4 rgb(118,136,180)
```

Tetradic Color

#8f7c4e
```
#8f7c4e rgb(143,124,78)
```
#a08b57
```
#a08b57 rgb(160,139,87)
```
#ab9766
```
#ab9766 rgb(171,151,102)
```
#b4a276
```
#b4a276 rgb(180,162,118)
```
#bdad86
```
#bdad86 rgb(189,173,134)
```
#c6b897
```
#c6b897 rgb(198,184,151)
```
#cfc4a7
```
#cfc4a7 rgb(207,196,167)
```

Monochromatic Color

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

#b49376
```
#b49376 rgb(180,147,118)
```
#b49876
```
#b49876 rgb(180,152,118)
```
#b49d76
```
#b49d76 rgb(180,157,118)
```
#b4a276
```
#b4a276 rgb(180,162,118)
```
#b4a776
```
#b4a776 rgb(180,167,118)
```
#b4ac76
```
#b4ac76 rgb(180,172,118)
```
#b4b276
```
#b4b276 rgb(180,178,118)
```

Similar Colors

Text with hexadecimal color #b4a276

This text has a font color of #b4a276.

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

#b4a276 background color

This paragraph has a background color of #b4a276.

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

#b4a276 border color

This element has a border color of #b4a276.

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

CSS codes

.text {color:#b4a276;}

.background {background-color:#b4a276;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0d08
```
#0f0d08 rgb(15,13,8)
```
#1c180f
```
#1c180f rgb(28,24,15)
```
#282316
```
#282316 rgb(40,35,22)
```
#352e1d
```
#352e1d rgb(53,46,29)
```
#423924
```
#423924 rgb(66,57,36)
```
#4e442b
```
#4e442b rgb(78,68,43)
```
#5b4f32
```
#5b4f32 rgb(91,79,50)
```
#685a39
```
#685a39 rgb(104,90,57)
```
#756540
```
#756540 rgb(117,101,64)
```
#817047
```
#817047 rgb(129,112,71)
```
#8e7b4e
```
#8e7b4e rgb(142,123,78)
```
#9b8655
```
#9b8655 rgb(155,134,85)
```

Shade Color Variation

#a6915d
```
#a6915d rgb(166,145,93)
```
#ad9969
```
#ad9969 rgb(173,153,105)
```
#b4a276
```
#b4a276 rgb(180,162,118)
```
#bbab83
```
#bbab83 rgb(187,171,131)
```
#c2b38f
```
#c2b38f rgb(194,179,143)
```
#c9bc9c
```
#c9bc9c rgb(201,188,156)
```
#d0c4a9
```
#d0c4a9 rgb(208,196,169)
```
#d7cdb5
```
#d7cdb5 rgb(215,205,181)
```
#ded6c2
```
#ded6c2 rgb(222,214,194)
```
#e5decf
```
#e5decf rgb(229,222,207)
```
#ece7db
```
#ece7db rgb(236,231,219)
```
#f2efe8
```
#f2efe8 rgb(242,239,232)
```
#f9f8f5
```
#f9f8f5 rgb(249,248,245)
```

Tint Color Variation

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

#9c988e
```
#9c988e rgb(156,152,142)
```
#a49b86
```
#a49b86 rgb(164,155,134)
```
#ac9f7e
```
#ac9f7e rgb(172,159,126)
```
#b4a276
```
#b4a276 rgb(180,162,118)
```
#bca56e
```
#bca56e rgb(188,165,110)
```
#c4a966
```
#c4a966 rgb(196,169,102)
```
#ccac5e
```
#ccac5e rgb(204,172,94)
```
#d5b055
```
#d5b055 rgb(213,176,85)
```
#ddb34d
```
#ddb34d rgb(221,179,77)
```
#e5b745
```
#e5b745 rgb(229,183,69)
```
#edba3d
```
#edba3d rgb(237,186,61)
```
#f5bd35
```
#f5bd35 rgb(245,189,53)
```
#fdc12d
```
#fdc12d rgb(253,193,45)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a6a299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a87d Protanopia 1% of men
#c5a17e Deuteranopia 1% of men
#bda0ab Tritanopia 0.001% of the population

Trichromacy

#b4a57a Protanomaly 1% of men, 0.01% of women
#bfa17b Deuteranomaly 6% of men, 0.4% of women
#baa198 Tritanomaly 0.01% of the population

#b4a276 hex color

#b4a276 Color Information

#b4a276 Color Conversion

Color Schemes with #b4a276

Alternatives to #b4a276

#b4a276 Preview

Shades and Tints of #b4a276

Tones of #b4a276

Color Blindness Simulator