colorhexa.com

#b45f3d hex color

In a RGB color space, hex #b45f3d is composed of 70.6% red, 37.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 66.1% yellow and 29.4% black. It has a hue angle of 17.1 degrees, a saturation of 49.4% and a lightness of 47.3%. #b45f3d color hex could be obtained by blending #ffbe7a with #690000. Closest websafe color is: #cc6633.

- R 71
- G 37
- B 24
RGB color chart
- C 0
- M 47
- Y 66
- K 29
CMYK color chart

● #b45f3d color description : Moderate orange.

The hexadecimal color #b45f3d has RGB values of R:180, G:95, B:61 and CMYK values of C:0, M:0.47, Y:0.66, K:0.29. Its decimal value is 11820861.

Hex triplet	b45f3d	`#b45f3d`
RGB Decimal	180, 95, 61	`rgb(180,95,61)`
RGB Percent	70.6, 37.3, 23.9	`rgb(70.6%,37.3%,23.9%)`
CMYK	0, 47, 66, 29
HSL	17.1°, 49.4, 47.3	`hsl(17.1,49.4%,47.3%)`
HSV (or HSB)	17.1°, 66.1, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.77, 31.471, 34.51
XYZ	23.758, 18.227, 6.682
xyY	0.488, 0.375, 18.227
CIE-LCH	49.77, 46.705, 47.637
CIE-LUV	49.77, 65.833, 31.58
Hunter-Lab	42.693, 24.619, 20.606
Binary	10110100, 01011111, 00111101

#b45f3d
```
#b45f3d rgb(180,95,61)
```
#3d92b4
```
#3d92b4 rgb(61,146,180)
```

Complementary Color

#b43d57
```
#b43d57 rgb(180,61,87)
```
#b45f3d
```
#b45f3d rgb(180,95,61)
```
#b49b3d
```
#b49b3d rgb(180,155,61)
```

Analogous Color

#3d57b4
```
#3d57b4 rgb(61,87,180)
```
#b45f3d
```
#b45f3d rgb(180,95,61)
```
#3db49b
```
#3db49b rgb(61,180,155)
```

Split Complementary Color

#5f3db4
```
#5f3db4 rgb(95,61,180)
```
#b45f3d
```
#b45f3d rgb(180,95,61)
```
#3db45f
```
#3db45f rgb(61,180,95)
```

Triadic Color

#b43d92
```
#b43d92 rgb(180,61,146)
```
#b45f3d
```
#b45f3d rgb(180,95,61)
```
#3db45f
```
#3db45f rgb(61,180,95)
```
#3d92b4
```
#3d92b4 rgb(61,146,180)
```

Tetradic Color

#7b412a
```
#7b412a rgb(123,65,42)
```
#8e4b30
```
#8e4b30 rgb(142,75,48)
```
#a15537
```
#a15537 rgb(161,85,55)
```
#b45f3d
```
#b45f3d rgb(180,95,61)
```
#c16b49
```
#c16b49 rgb(193,107,73)
```
#c87b5c
```
#c87b5c rgb(200,123,92)
```
#ce8a6f
```
#ce8a6f rgb(206,138,111)
```

Monochromatic Color

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

#b4413d
```
#b4413d rgb(180,65,61)
```
#b44b3d
```
#b44b3d rgb(180,75,61)
```
#b4553d
```
#b4553d rgb(180,85,61)
```
#b45f3d
```
#b45f3d rgb(180,95,61)
```
#b4693d
```
#b4693d rgb(180,105,61)
```
#b4733d
```
#b4733d rgb(180,115,61)
```
#b47d3d
```
#b47d3d rgb(180,125,61)
```

Similar Colors

Text with hexadecimal color #b45f3d

This text has a font color of #b45f3d.

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

#b45f3d background color

This paragraph has a background color of #b45f3d.

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

#b45f3d border color

This element has a border color of #b45f3d.

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

CSS codes

.text {color:#b45f3d;}

.background {background-color:#b45f3d;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#130a06
```
#130a06 rgb(19,10,6)
```
#21120b
```
#21120b rgb(33,18,11)
```
#301910
```
#301910 rgb(48,25,16)
```
#3f2115
```
#3f2115 rgb(63,33,21)
```
#4d291a
```
#4d291a rgb(77,41,26)
```
#5c311f
```
#5c311f rgb(92,49,31)
```
#6b3824
```
#6b3824 rgb(107,56,36)
```
#794029
```
#794029 rgb(121,64,41)
```
#88482e
```
#88482e rgb(136,72,46)
```
#975033
```
#975033 rgb(151,80,51)
```
#a55738
```
#a55738 rgb(165,87,56)
```
#b45f3d
```
#b45f3d rgb(180,95,61)
```

Shade Color Variation

#c06845
```
#c06845 rgb(192,104,69)
```
#c57453
```
#c57453 rgb(197,116,83)
```
#ca8062
```
#ca8062 rgb(202,128,98)
```
#cf8c71
```
#cf8c71 rgb(207,140,113)
```
#d4977f
```
#d4977f rgb(212,151,127)
```
#d9a38e
```
#d9a38e rgb(217,163,142)
```
#deaf9d
```
#deaf9d rgb(222,175,157)
```
#e3bbab
```
#e3bbab rgb(227,187,171)
```
#e8c7ba
```
#e8c7ba rgb(232,199,186)
```
#edd3c9
```
#edd3c9 rgb(237,211,201)
```
#f2dfd7
```
#f2dfd7 rgb(242,223,215)
```
#f6ebe6
```
#f6ebe6 rgb(246,235,230)
```
#fbf7f5
```
#fbf7f5 rgb(251,247,245)
```

Tint Color Variation

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

#7c7775
```
#7c7775 rgb(124,119,117)
```
#86736b
```
#86736b rgb(134,115,107)
```
#8f6f62
```
#8f6f62 rgb(143,111,98)
```
#986b59
```
#986b59 rgb(152,107,89)
```
#a16750
```
#a16750 rgb(161,103,80)
```
#ab6346
```
#ab6346 rgb(171,99,70)
```
#b45f3d
```
#b45f3d rgb(180,95,61)
```
#bd5b34
```
#bd5b34 rgb(189,91,52)
```
#c7572a
```
#c7572a rgb(199,87,42)
```
#d05321
```
#d05321 rgb(208,83,33)
```
#d94f18
```
#d94f18 rgb(217,79,24)
```
#e24b0f
```
#e24b0f rgb(226,75,15)
```
#ec4705
```
#ec4705 rgb(236,71,5)
```

Tone Color Variation

Below, you can see how #b45f3d 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
#82716a Atypical Achromatopsia 0.001% of the population

Dichromacy

#887d4e Protanopia 1% of men
#997742 Deuteranopia 1% of men
#ba6269 Tritanopia 0.001% of the population

Trichromacy

#987248 Protanomaly 1% of men, 0.01% of women
#a26e40 Deuteranomaly 6% of men, 0.4% of women
#b76159 Tritanomaly 0.01% of the population