colorhexa.com

#b4974d hex color

In a RGB color space, hex #b4974d is composed of 70.6% red, 59.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 57.2% yellow and 29.4% black. It has a hue angle of 43.1 degrees, a saturation of 40.7% and a lightness of 50.4%. #b4974d color hex could be obtained by blending #ffff9a with #692f00. Closest websafe color is: #cc9966.

- R 71
- G 59
- B 30
RGB color chart
- C 0
- M 16
- Y 57
- K 29
CMYK color chart

● #b4974d color description : Moderate orange.

The hexadecimal color #b4974d has RGB values of R:180, G:151, B:77 and CMYK values of C:0, M:0.16, Y:0.57, K:0.29. Its decimal value is 11835213.

Hex triplet	b4974d	`#b4974d`
RGB Decimal	180, 151, 77	`rgb(180,151,77)`
RGB Percent	70.6, 59.2, 30.2	`rgb(70.6%,59.2%,30.2%)`
CMYK	0, 16, 57, 29
HSL	43.1°, 40.7, 50.4	`hsl(43.1,40.7%,50.4%)`
HSV (or HSB)	43.1°, 57.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.65, 1.698, 42.449
XYZ	31.229, 32.373, 11.625
xyY	0.415, 0.43, 32.373
CIE-LCH	63.65, 42.483, 87.71
CIE-LUV	63.65, 23.646, 49.461
Hunter-Lab	56.898, -1.6, 27.715
Binary	10110100, 10010111, 01001101

#b4974d
```
#b4974d rgb(180,151,77)
```
#4d6ab4
```
#4d6ab4 rgb(77,106,180)
```

Complementary Color

#b4634d
```
#b4634d rgb(180,99,77)
```
#b4974d
```
#b4974d rgb(180,151,77)
```
#9eb44d
```
#9eb44d rgb(158,180,77)
```

Analogous Color

#644db4
```
#644db4 rgb(100,77,180)
```
#b4974d
```
#b4974d rgb(180,151,77)
```
#4d9eb4
```
#4d9eb4 rgb(77,158,180)
```

Split Complementary Color

#974db4
```
#974db4 rgb(151,77,180)
```
#b4974d
```
#b4974d rgb(180,151,77)
```
#4db497
```
#4db497 rgb(77,180,151)
```

Triadic Color

#b44d6a
```
#b44d6a rgb(180,77,106)
```
#b4974d
```
#b4974d rgb(180,151,77)
```
#4db497
```
#4db497 rgb(77,180,151)
```
#4d6ab4
```
#4d6ab4 rgb(77,106,180)
```

Tetradic Color

#7f6a36
```
#7f6a36 rgb(127,106,54)
```
#91793d
```
#91793d rgb(145,121,61)
```
#a38845
```
#a38845 rgb(163,136,69)
```
#b4974d
```
#b4974d rgb(180,151,77)
```
#bca15f
```
#bca15f rgb(188,161,95)
```
#c3ac71
```
#c3ac71 rgb(195,172,113)
```
#cbb683
```
#cbb683 rgb(203,182,131)
```

Monochromatic Color

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

#b47d4d
```
#b47d4d rgb(180,125,77)
```
#b4864d
```
#b4864d rgb(180,134,77)
```
#b48e4d
```
#b48e4d rgb(180,142,77)
```
#b4974d
```
#b4974d rgb(180,151,77)
```
#b4a04d
```
#b4a04d rgb(180,160,77)
```
#b4a84d
```
#b4a84d rgb(180,168,77)
```
#b4b14d
```
#b4b14d rgb(180,177,77)
```

Similar Colors

Text with hexadecimal color #b4974d

This text has a font color of #b4974d.

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

#b4974d background color

This paragraph has a background color of #b4974d.

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

#b4974d border color

This element has a border color of #b4974d.

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

CSS codes

.text {color:#b4974d;}

.background {background-color:#b4974d;}

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

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 #faf8f3 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0f0d06
```
#0f0d06 rgb(15,13,6)
```
#1d180c
```
#1d180c rgb(29,24,12)
```
#2b2412
```
#2b2412 rgb(43,36,18)
```
#392f18
```
#392f18 rgb(57,47,24)
```
#463b1e
```
#463b1e rgb(70,59,30)
```
#544623
```
#544623 rgb(84,70,35)
```
#625229
```
#625229 rgb(98,82,41)
```
#705e2f
```
#705e2f rgb(112,94,47)
```
#7e6935
```
#7e6935 rgb(126,105,53)
```
#8b753b
```
#8b753b rgb(139,117,59)
```
#998041
```
#998041 rgb(153,128,65)
```
#a78c46
```
#a78c46 rgb(167,140,70)
```

Shade Color Variation

#b4974d
```
#b4974d rgb(180,151,77)
```
#ba9f5b
```
#ba9f5b rgb(186,159,91)
```
#c0a769
```
#c0a769 rgb(192,167,105)
```
#c5af76
```
#c5af76 rgb(197,175,118)
```
#cbb784
```
#cbb784 rgb(203,183,132)
```
#d1bf92
```
#d1bf92 rgb(209,191,146)
```
#d7c7a0
```
#d7c7a0 rgb(215,199,160)
```
#ddcfae
```
#ddcfae rgb(221,207,174)
```
#e3d8bb
```
#e3d8bb rgb(227,216,187)
```
#e8e0c9
```
#e8e0c9 rgb(232,224,201)
```
#eee8d7
```
#eee8d7 rgb(238,232,215)
```
#f4f0e5
```
#f4f0e5 rgb(244,240,229)
```
#faf8f3
```
#faf8f3 rgb(250,248,243)
```

Tint Color Variation

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

#83827e
```
#83827e rgb(131,130,126)
```
#8d8674
```
#8d8674 rgb(141,134,116)
```
#978a6a
```
#978a6a rgb(151,138,106)
```
#a18e60
```
#a18e60 rgb(161,142,96)
```
#aa9357
```
#aa9357 rgb(170,147,87)
```
#b4974d
```
#b4974d rgb(180,151,77)
```
#be9b43
```
#be9b43 rgb(190,155,67)
```
#c7a03a
```
#c7a03a rgb(199,160,58)
```
#d1a430
```
#d1a430 rgb(209,164,48)
```
#dba826
```
#dba826 rgb(219,168,38)
```
#e5ac1c
```
#e5ac1c rgb(229,172,28)
```
#eeb113
```
#eeb113 rgb(238,177,19)
```
#f8b509
```
#f8b509 rgb(248,181,9)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9d9788 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9f57 Protanopia 1% of men
#c19857 Deuteranopia 1% of men
#be949e Tritanopia 0.001% of the population

Trichromacy

#b09c53 Protanomaly 1% of men, 0.01% of women
#bc9753 Deuteranomaly 6% of men, 0.4% of women
#ba9580 Tritanomaly 0.01% of the population