#b45f42 hex color

In a RGB color space, hex #b45f42 is composed of 70.6% red, 37.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 63.3% yellow and 29.4% black. It has a hue angle of 15.3 degrees, a saturation of 46.3% and a lightness of 48.2%. #b45f42 color hex could be obtained by blending #ffbe84 with #690000. Closest websafe color is: #cc6633.

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

● #b45f42 color description : Moderate orange.

The hexadecimal color #b45f42 has RGB values of R:180, G:95, B:66 and CMYK values of C:0, M:0.47, Y:0.63, K:0.29. Its decimal value is 11820866.

Hex triplet	b45f42	`#b45f42`
RGB Decimal	180, 95, 66	`rgb(180,95,66)`
RGB Percent	70.6, 37.3, 25.9	`rgb(70.6%,37.3%,25.9%)`
CMYK	0, 47, 63, 29
HSL	15.3°, 46.3, 48.2	`hsl(15.3,46.3%,48.2%)`
HSV (or HSB)	15.3°, 63.3, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.838, 31.801, 31.805
XYZ	23.899, 18.283, 7.424
xyY	0.482, 0.369, 18.283
CIE-LCH	49.838, 44.976, 45.004
CIE-LUV	49.838, 65.115, 29.287
Hunter-Lab	42.759, 24.939, 19.636
Binary	10110100, 01011111, 01000010

#b45f42
```
#b45f42 rgb(180,95,66)
```
#4297b4
```
#4297b4 rgb(66,151,180)
```

Complementary Color

#b4425e
```
#b4425e rgb(180,66,94)
```
#b45f42
```
#b45f42 rgb(180,95,66)
```
#b49842
```
#b49842 rgb(180,152,66)
```

Analogous Color

#425eb4
```
#425eb4 rgb(66,94,180)
```
#b45f42
```
#b45f42 rgb(180,95,66)
```
#42b498
```
#42b498 rgb(66,180,152)
```

Split Complementary Color

#5f42b4
```
#5f42b4 rgb(95,66,180)
```
#b45f42
```
#b45f42 rgb(180,95,66)
```
#42b45f
```
#42b45f rgb(66,180,95)
```

Triadic Color

#b44297
```
#b44297 rgb(180,66,151)
```
#b45f42
```
#b45f42 rgb(180,95,66)
```
#42b45f
```
#42b45f rgb(66,180,95)
```
#4297b4
```
#4297b4 rgb(66,151,180)
```

Tetradic Color

#7c412d
```
#7c412d rgb(124,65,45)
```
#8f4b34
```
#8f4b34 rgb(143,75,52)
```
#a1553b
```
#a1553b rgb(161,85,59)
```
#b45f42
```
#b45f42 rgb(180,95,66)
```
#bf6d50
```
#bf6d50 rgb(191,109,80)
```
#c67c63
```
#c67c63 rgb(198,124,99)
```
#cd8c76
```
#cd8c76 rgb(205,140,118)
```

Monochromatic Color

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

#b44342
```
#b44342 rgb(180,67,66)
```
#b44c42
```
#b44c42 rgb(180,76,66)
```
#b45642
```
#b45642 rgb(180,86,66)
```
#b45f42
```
#b45f42 rgb(180,95,66)
```
#b46942
```
#b46942 rgb(180,105,66)
```
#b47242
```
#b47242 rgb(180,114,66)
```
#b47c42
```
#b47c42 rgb(180,124,66)
```

Similar Colors

Text with hexadecimal color #b45f42

This text has a font color of #b45f42.

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

#b45f42 background color

This paragraph has a background color of #b45f42.

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

#b45f42 border color

This element has a border color of #b45f42.

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

CSS codes

.text {color:#b45f42;}

.background {background-color:#b45f42;}

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

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

#080403
```
#080403 rgb(8,4,3)
```
#160c08
```
#160c08 rgb(22,12,8)
```
#24130d
```
#24130d rgb(36,19,13)
```
#331b13
```
#331b13 rgb(51,27,19)
```
#412218
```
#412218 rgb(65,34,24)
```
#502a1d
```
#502a1d rgb(80,42,29)
```
#5e3222
```
#5e3222 rgb(94,50,34)
```
#6c3928
```
#6c3928 rgb(108,57,40)
```
#7b412d
```
#7b412d rgb(123,65,45)
```
#894832
```
#894832 rgb(137,72,50)
```
#975037
```
#975037 rgb(151,80,55)
```
#a6573d
```
#a6573d rgb(166,87,61)
```
#b45f42
```
#b45f42 rgb(180,95,66)
```

Shade Color Variation

#bd694c
```
#bd694c rgb(189,105,76)
```
#c3755b
```
#c3755b rgb(195,117,91)
```
#c88169
```
#c88169 rgb(200,129,105)
```
#cd8d77
```
#cd8d77 rgb(205,141,119)
```
#d29986
```
#d29986 rgb(210,153,134)
```
#d8a594
```
#d8a594 rgb(216,165,148)
```
#ddb1a2
```
#ddb1a2 rgb(221,177,162)
```
#e2bdb1
```
#e2bdb1 rgb(226,189,177)
```
#e8c9bf
```
#e8c9bf rgb(232,201,191)
```
#edd5cd
```
#edd5cd rgb(237,213,205)
```
#f2e1dc
```
#f2e1dc rgb(242,225,220)
```
#f7edea
```
#f7edea rgb(247,237,234)
```
#fdf9f8
```
#fdf9f8 rgb(253,249,248)
```

Tint Color Variation

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

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#857671
```
#857671 rgb(133,118,113)
```
#8e7268
```
#8e7268 rgb(142,114,104)
```
#986d5e
```
#986d5e rgb(152,109,94)
```
#a16855
```
#a16855 rgb(161,104,85)
```
#ab644b
```
#ab644b rgb(171,100,75)
```
#b45f42
```
#b45f42 rgb(180,95,66)
```
#bd5a39
```
#bd5a39 rgb(189,90,57)
```
#c7562f
```
#c7562f rgb(199,86,47)
```
#d05126
```
#d05126 rgb(208,81,38)
```
#da4c1c
```
#da4c1c rgb(218,76,28)
```
#e34813
```
#e34813 rgb(227,72,19)
```
#ed4309
```
#ed4309 rgb(237,67,9)
```

Tone Color Variation

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

Dichromacy

#887d53 Protanopia 1% of men
#987847 Deuteranopia 1% of men
#b96369 Tritanopia 0.001% of the population

Trichromacy

#98724d Protanomaly 1% of men, 0.01% of women
#a26f45 Deuteranomaly 6% of men, 0.4% of women
#b7615b Tritanomaly 0.01% of the population

#b45f42 hex color

#b45f42 Color Information

#b45f42 Color Conversion

Color Schemes with #b45f42

Alternatives to #b45f42

#b45f42 Preview

Shades and Tints of #b45f42

Tones of #b45f42

Color Blindness Simulator