#b85f3a hex color

In a RGB color space, hex #b85f3a is composed of 72.2% red, 37.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.4% magenta, 68.5% yellow and 27.8% black. It has a hue angle of 17.6 degrees, a saturation of 52.1% and a lightness of 47.5%. #b85f3a color hex could be obtained by blending #ffbe74 with #710000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 72
- G 37
- B 23
RGB color chart
- C 0
- M 48
- Y 68
- K 28
CMYK color chart

● #b85f3a color description : Moderate orange.

The hexadecimal color #b85f3a has RGB values of R:184, G:95, B:58 and CMYK values of C:0, M:0.48, Y:0.68, K:0.28. Its decimal value is 12083002.

Hex triplet	b85f3a	`#b85f3a`
RGB Decimal	184, 95, 58	`rgb(184,95,58)`
RGB Percent	72.2, 37.3, 22.7	`rgb(72.2%,37.3%,22.7%)`
CMYK	0, 48, 68, 28
HSL	17.6°, 52.1, 47.5	`hsl(17.6,52.1%,47.5%)`
HSV (or HSB)	17.6°, 68.5, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.314, 32.91, 36.929
XYZ	24.624, 18.682, 6.312
xyY	0.496, 0.377, 18.682
CIE-LCH	50.314, 49.465, 48.293
CIE-LUV	50.314, 69.561, 33.323
Hunter-Lab	43.223, 26.049, 21.598
Binary	10111000, 01011111, 00111010

#b85f3a
```
#b85f3a rgb(184,95,58)
```
#3a93b8
```
#3a93b8 rgb(58,147,184)
```

Complementary Color

#b83a54
```
#b83a54 rgb(184,58,84)
```
#b85f3a
```
#b85f3a rgb(184,95,58)
```
#b89e3a
```
#b89e3a rgb(184,158,58)
```

Analogous Color

#3a54b8
```
#3a54b8 rgb(58,84,184)
```
#b85f3a
```
#b85f3a rgb(184,95,58)
```
#3ab89e
```
#3ab89e rgb(58,184,158)
```

Split Complementary Color

#5f3ab8
```
#5f3ab8 rgb(95,58,184)
```
#b85f3a
```
#b85f3a rgb(184,95,58)
```
#3ab85f
```
#3ab85f rgb(58,184,95)
```

Triadic Color

#b83a93
```
#b83a93 rgb(184,58,147)
```
#b85f3a
```
#b85f3a rgb(184,95,58)
```
#3ab85f
```
#3ab85f rgb(58,184,95)
```
#3a93b8
```
#3a93b8 rgb(58,147,184)
```

Tetradic Color

#7e4128
```
#7e4128 rgb(126,65,40)
```
#914b2e
```
#914b2e rgb(145,75,46)
```
#a55534
```
#a55534 rgb(165,85,52)
```
#b85f3a
```
#b85f3a rgb(184,95,58)
```
#c56c47
```
#c56c47 rgb(197,108,71)
```
#cb7b5a
```
#cb7b5a rgb(203,123,90)
```
#d18b6d
```
#d18b6d rgb(209,139,109)
```

Monochromatic Color

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

#b83f3a
```
#b83f3a rgb(184,63,58)
```
#b84a3a
```
#b84a3a rgb(184,74,58)
```
#b8543a
```
#b8543a rgb(184,84,58)
```
#b85f3a
```
#b85f3a rgb(184,95,58)
```
#b86a3a
```
#b86a3a rgb(184,106,58)
```
#b8743a
```
#b8743a rgb(184,116,58)
```
#b87f3a
```
#b87f3a rgb(184,127,58)
```

Similar Colors

Text with hexadecimal color #b85f3a

This text has a font color of #b85f3a.

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

#b85f3a background color

This paragraph has a background color of #b85f3a.

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

#b85f3a border color

This element has a border color of #b85f3a.

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

CSS codes

.text {color:#b85f3a;}

.background {background-color:#b85f3a;}

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

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

#050302
```
#050302 rgb(5,3,2)
```
#140a06
```
#140a06 rgb(20,10,6)
```
#23120b
```
#23120b rgb(35,18,11)
```
#321a10
```
#321a10 rgb(50,26,16)
```
#412114
```
#412114 rgb(65,33,20)
```
#502919
```
#502919 rgb(80,41,25)
```
#5f311e
```
#5f311e rgb(95,49,30)
```
#6d3822
```
#6d3822 rgb(109,56,34)
```
#7c4027
```
#7c4027 rgb(124,64,39)
```
#8b482c
```
#8b482c rgb(139,72,44)
```
#9a5031
```
#9a5031 rgb(154,80,49)
```
#a95735
```
#a95735 rgb(169,87,53)
```
#b85f3a
```
#b85f3a rgb(184,95,58)
```

Shade Color Variation

#c36842
```
#c36842 rgb(195,104,66)
```
#c87451
```
#c87451 rgb(200,116,81)
```
#cd8060
```
#cd8060 rgb(205,128,96)
```
#d28c6f
```
#d28c6f rgb(210,140,111)
```
#d6987e
```
#d6987e rgb(214,152,126)
```
#dba48d
```
#dba48d rgb(219,164,141)
```
#e0b09c
```
#e0b09c rgb(224,176,156)
```
#e4bcab
```
#e4bcab rgb(228,188,171)
```
#e9c7b9
```
#e9c7b9 rgb(233,199,185)
```
#eed3c8
```
#eed3c8 rgb(238,211,200)
```
#f2dfd7
```
#f2dfd7 rgb(242,223,215)
```
#f7ebe6
```
#f7ebe6 rgb(247,235,230)
```
#fcf7f5
```
#fcf7f5 rgb(252,247,245)
```

Tint Color Variation

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

#807672
```
#807672 rgb(128,118,114)
```
#897269
```
#897269 rgb(137,114,105)
```
#936e5f
```
#936e5f rgb(147,110,95)
```
#9c6b56
```
#9c6b56 rgb(156,107,86)
```
#a5674d
```
#a5674d rgb(165,103,77)
```
#af6343
```
#af6343 rgb(175,99,67)
```
#b85f3a
```
#b85f3a rgb(184,95,58)
```
#c15b31
```
#c15b31 rgb(193,91,49)
```
#cb5727
```
#cb5727 rgb(203,87,39)
```
#d4531e
```
#d4531e rgb(212,83,30)
```
#dd5015
```
#dd5015 rgb(221,80,21)
```
#e74c0b
```
#e74c0b rgb(231,76,11)
```
#f04802
```
#f04802 rgb(240,72,2)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#827169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7e4b Protanopia 1% of men
#9b793f Deuteranopia 1% of men
#bd6269 Tritanopia 0.001% of the population

Trichromacy

#9b7345 Protanomaly 1% of men, 0.01% of women
#a56f3d Deuteranomaly 6% of men, 0.4% of women
#bb6157 Tritanomaly 0.01% of the population

#b85f3a hex color

#b85f3a Color Information

#b85f3a Color Conversion

Color Schemes with #b85f3a

Alternatives to #b85f3a

#b85f3a Preview

Shades and Tints of #b85f3a

Tones of #b85f3a

Color Blindness Simulator