#b4985f hex color

In a RGB color space, hex #b4985f is composed of 70.6% red, 59.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.6% magenta, 47.2% yellow and 29.4% black. It has a hue angle of 40.2 degrees, a saturation of 36.2% and a lightness of 53.9%. #b4985f color hex could be obtained by blending #ffffbe with #693100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 60
- B 37
RGB color chart
- C 0
- M 16
- Y 47
- K 29
CMYK color chart

● #b4985f color description : Slightly desaturated orange.

The hexadecimal color #b4985f has RGB values of R:180, G:152, B:95 and CMYK values of C:0, M:0.16, Y:0.47, K:0.29. Its decimal value is 11835487.

Hex triplet	b4985f	`#b4985f`
RGB Decimal	180, 152, 95	`rgb(180,152,95)`
RGB Percent	70.6, 59.6, 37.3	`rgb(70.6%,59.6%,37.3%)`
CMYK	0, 16, 47, 29
HSL	40.2°, 36.2, 53.9	`hsl(40.2,36.2%,53.9%)`
HSV (or HSB)	40.2°, 47.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.15, 2.78, 33.759
XYZ	32.116, 32.987, 15.501
xyY	0.398, 0.409, 32.987
CIE-LCH	64.15, 33.873, 85.292
CIE-LUV	64.15, 21.842, 41.197
Hunter-Lab	57.434, -0.696, 24.202
Binary	10110100, 10011000, 01011111

#b4985f
```
#b4985f rgb(180,152,95)
```
#5f7bb4
```
#5f7bb4 rgb(95,123,180)
```

Complementary Color

#b46e5f
```
#b46e5f rgb(180,110,95)
```
#b4985f
```
#b4985f rgb(180,152,95)
```
#a6b45f
```
#a6b45f rgb(166,180,95)
```

Analogous Color

#6e5fb4
```
#6e5fb4 rgb(110,95,180)
```
#b4985f
```
#b4985f rgb(180,152,95)
```
#5fa6b4
```
#5fa6b4 rgb(95,166,180)
```

Split Complementary Color

#985fb4
```
#985fb4 rgb(152,95,180)
```
#b4985f
```
#b4985f rgb(180,152,95)
```
#5fb498
```
#5fb498 rgb(95,180,152)
```

Triadic Color

#b45f7b
```
#b45f7b rgb(180,95,123)
```
#b4985f
```
#b4985f rgb(180,152,95)
```
#5fb498
```
#5fb498 rgb(95,180,152)
```
#5f7bb4
```
#5f7bb4 rgb(95,123,180)
```

Tetradic Color

#876f3f
```
#876f3f rgb(135,111,63)
```
#997e47
```
#997e47 rgb(153,126,71)
```
#aa8c50
```
#aa8c50 rgb(170,140,80)
```
#b4985f
```
#b4985f rgb(180,152,95)
```
#bca370
```
#bca370 rgb(188,163,112)
```
#c4ae82
```
#c4ae82 rgb(196,174,130)
```
#ccba93
```
#ccba93 rgb(204,186,147)
```

Monochromatic Color

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

#b4835f
```
#b4835f rgb(180,131,95)
```
#b48a5f
```
#b48a5f rgb(180,138,95)
```
#b4915f
```
#b4915f rgb(180,145,95)
```
#b4985f
```
#b4985f rgb(180,152,95)
```
#b49f5f
```
#b49f5f rgb(180,159,95)
```
#b4a65f
```
#b4a65f rgb(180,166,95)
```
#b4ad5f
```
#b4ad5f rgb(180,173,95)
```

Similar Colors

Text with hexadecimal color #b4985f

This text has a font color of #b4985f.

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

#b4985f background color

This paragraph has a background color of #b4985f.

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

#b4985f border color

This element has a border color of #b4985f.

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

CSS codes

.text {color:#b4985f;}

.background {background-color:#b4985f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e0b06
```
#0e0b06 rgb(14,11,6)
```
#1b160d
```
#1b160d rgb(27,22,13)
```
#282113
```
#282113 rgb(40,33,19)
```
#362c19
```
#362c19 rgb(54,44,25)
```
#43371f
```
#43371f rgb(67,55,31)
```
#504226
```
#504226 rgb(80,66,38)
```
#5e4d2c
```
#5e4d2c rgb(94,77,44)
```
#6b5832
```
#6b5832 rgb(107,88,50)
```
#786338
```
#786338 rgb(120,99,56)
```
#866e3f
```
#866e3f rgb(134,110,63)
```
#937945
```
#937945 rgb(147,121,69)
```
#a1844b
```
#a1844b rgb(161,132,75)
```

Shade Color Variation

#ae8f52
```
#ae8f52 rgb(174,143,82)
```
#b4985f
```
#b4985f rgb(180,152,95)
```
#baa16c
```
#baa16c rgb(186,161,108)
```
#c1a97a
```
#c1a97a rgb(193,169,122)
```
#c7b287
```
#c7b287 rgb(199,178,135)
```
#cdba94
```
#cdba94 rgb(205,186,148)
```
#d3c3a2
```
#d3c3a2 rgb(211,195,162)
```
#daccaf
```
#daccaf rgb(218,204,175)
```
#e0d4bc
```
#e0d4bc rgb(224,212,188)
```
#e6ddca
```
#e6ddca rgb(230,221,202)
```
#ece5d7
```
#ece5d7 rgb(236,229,215)
```
#f3eee5
```
#f3eee5 rgb(243,238,229)
```
#f9f7f2
```
#f9f7f2 rgb(249,247,242)
```

Tint Color Variation

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

#908c83
```
#908c83 rgb(144,140,131)
```
#998f7a
```
#998f7a rgb(153,143,122)
```
#a29271
```
#a29271 rgb(162,146,113)
```
#ab9568
```
#ab9568 rgb(171,149,104)
```
#b4985f
```
#b4985f rgb(180,152,95)
```
#bd9b56
```
#bd9b56 rgb(189,155,86)
```
#c69e4d
```
#c69e4d rgb(198,158,77)
```
#cfa144
```
#cfa144 rgb(207,161,68)
```
#d8a43b
```
#d8a43b rgb(216,164,59)
```
#e1a732
```
#e1a732 rgb(225,167,50)
```
#eaab29
```
#eaab29 rgb(234,171,41)
```
#f3ae20
```
#f3ae20 rgb(243,174,32)
```
#fcb117
```
#fcb117 rgb(252,177,23)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9f9a8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea068 Protanopia 1% of men
#c09968 Deuteranopia 1% of men
#be96a0 Tritanopia 0.001% of the population

Trichromacy

#b09d65 Protanomaly 1% of men, 0.01% of women
#bb9964 Deuteranomaly 6% of men, 0.4% of women
#ba9688 Tritanomaly 0.01% of the population

#b4985f hex color

#b4985f Color Information

#b4985f Color Conversion

Color Schemes with #b4985f

Alternatives to #b4985f

#b4985f Preview

Shades and Tints of #b4985f

Tones of #b4985f

Color Blindness Simulator