#b4a374 hex color

In a RGB color space, hex #b4a374 is composed of 70.6% red, 63.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.4% magenta, 35.6% yellow and 29.4% black. It has a hue angle of 44.1 degrees, a saturation of 29.9% and a lightness of 58%. #b4a374 color hex could be obtained by blending #ffffe8 with #694700. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 64
- B 45
RGB color chart
- C 0
- M 9
- Y 36
- K 29
CMYK color chart

● #b4a374 color description : Slightly desaturated orange.

The hexadecimal color #b4a374 has RGB values of R:180, G:163, B:116 and CMYK values of C:0, M:0.09, Y:0.36, K:0.29. Its decimal value is 11838324.

Hex triplet	b4a374	`#b4a374`
RGB Decimal	180, 163, 116	`rgb(180,163,116)`
RGB Percent	70.6, 63.9, 45.5	`rgb(70.6%,63.9%,45.5%)`
CMYK	0, 9, 36, 29
HSL	44.1°, 29.9, 58	`hsl(44.1,29.9%,58%)`
HSV (or HSB)	44.1°, 35.6, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.396, -0.841, 26.7
XYZ	35.072, 37.159, 21.847
xyY	0.373, 0.395, 37.159
CIE-LCH	67.396, 26.713, 91.804
CIE-LUV	67.396, 13.458, 34.976
Hunter-Lab	60.959, -3.98, 21.422
Binary	10110100, 10100011, 01110100

#b4a374
```
#b4a374 rgb(180,163,116)
```
#7485b4
```
#7485b4 rgb(116,133,180)
```

Complementary Color

#b48374
```
#b48374 rgb(180,131,116)
```
#b4a374
```
#b4a374 rgb(180,163,116)
```
#a5b474
```
#a5b474 rgb(165,180,116)
```

Analogous Color

#8374b4
```
#8374b4 rgb(131,116,180)
```
#b4a374
```
#b4a374 rgb(180,163,116)
```
#74a5b4
```
#74a5b4 rgb(116,165,180)
```

Split Complementary Color

#a374b4
```
#a374b4 rgb(163,116,180)
```
#b4a374
```
#b4a374 rgb(180,163,116)
```
#74b4a3
```
#74b4a3 rgb(116,180,163)
```

Triadic Color

#b47485
```
#b47485 rgb(180,116,133)
```
#b4a374
```
#b4a374 rgb(180,163,116)
```
#74b4a3
```
#74b4a3 rgb(116,180,163)
```
#7485b4
```
#7485b4 rgb(116,133,180)
```

Tetradic Color

#8f7d4d
```
#8f7d4d rgb(143,125,77)
```
#9f8c56
```
#9f8c56 rgb(159,140,86)
```
#ab9863
```
#ab9863 rgb(171,152,99)
```
#b4a374
```
#b4a374 rgb(180,163,116)
```
#bdae85
```
#bdae85 rgb(189,174,133)
```
#c6b995
```
#c6b995 rgb(198,185,149)
```
#cfc4a6
```
#cfc4a6 rgb(207,196,166)
```

Monochromatic Color

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

#b49374
```
#b49374 rgb(180,147,116)
```
#b49874
```
#b49874 rgb(180,152,116)
```
#b49e74
```
#b49e74 rgb(180,158,116)
```
#b4a374
```
#b4a374 rgb(180,163,116)
```
#b4a874
```
#b4a874 rgb(180,168,116)
```
#b4ae74
```
#b4ae74 rgb(180,174,116)
```
#b4b374
```
#b4b374 rgb(180,179,116)
```

Similar Colors

Text with hexadecimal color #b4a374

This text has a font color of #b4a374.

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

#b4a374 background color

This paragraph has a background color of #b4a374.

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

#b4a374 border color

This element has a border color of #b4a374.

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

CSS codes

.text {color:#b4a374;}

.background {background-color:#b4a374;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0c07
```
#0e0c07 rgb(14,12,7)
```
#1b170e
```
#1b170e rgb(27,23,14)
```
#272315
```
#272315 rgb(39,35,21)
```
#342e1c
```
#342e1c rgb(52,46,28)
```
#413923
```
#413923 rgb(65,57,35)
```
#4e442a
```
#4e442a rgb(78,68,42)
```
#5a4f31
```
#5a4f31 rgb(90,79,49)
```
#675a38
```
#675a38 rgb(103,90,56)
```
#74663e
```
#74663e rgb(116,102,62)
```
#817145
```
#817145 rgb(129,113,69)
```
#8d7c4c
```
#8d7c4c rgb(141,124,76)
```
#9a8753
```
#9a8753 rgb(154,135,83)
```

Shade Color Variation

#a6925b
```
#a6925b rgb(166,146,91)
```
#ad9b67
```
#ad9b67 rgb(173,155,103)
```
#b4a374
```
#b4a374 rgb(180,163,116)
```
#bbab81
```
#bbab81 rgb(187,171,129)
```
#c2b48d
```
#c2b48d rgb(194,180,141)
```
#c9bc9a
```
#c9bc9a rgb(201,188,154)
```
#cfc5a7
```
#cfc5a7 rgb(207,197,167)
```
#d6cdb4
```
#d6cdb4 rgb(214,205,180)
```
#ddd6c0
```
#ddd6c0 rgb(221,214,192)
```
#e4decd
```
#e4decd rgb(228,222,205)
```
#ebe6da
```
#ebe6da rgb(235,230,218)
```
#f2efe7
```
#f2efe7 rgb(242,239,231)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

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

#9b978d
```
#9b978d rgb(155,151,141)
```
#a49b84
```
#a49b84 rgb(164,155,132)
```
#ac9f7c
```
#ac9f7c rgb(172,159,124)
```
#b4a374
```
#b4a374 rgb(180,163,116)
```
#bca76c
```
#bca76c rgb(188,167,108)
```
#c4ab64
```
#c4ab64 rgb(196,171,100)
```
#cdaf5b
```
#cdaf5b rgb(205,175,91)
```
#d5b253
```
#d5b253 rgb(213,178,83)
```
#ddb64b
```
#ddb64b rgb(221,182,75)
```
#e5ba43
```
#e5ba43 rgb(229,186,67)
```
#eebe3a
```
#eebe3a rgb(238,190,58)
```
#f6c232
```
#f6c232 rgb(246,194,50)
```
#fec62a
```
#fec62a rgb(254,198,42)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a39a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a87b Protanopia 1% of men
#c6a27c Deuteranopia 1% of men
#bea1ac Tritanopia 0.001% of the population

Trichromacy

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

#b4a374 hex color

#b4a374 Color Information

#b4a374 Color Conversion

Color Schemes with #b4a374

Alternatives to #b4a374

#b4a374 Preview

Shades and Tints of #b4a374

Tones of #b4a374

Color Blindness Simulator