#b45a25 hex color

In a RGB color space, hex #b45a25 is composed of 70.6% red, 35.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 79.4% yellow and 29.4% black. It has a hue angle of 22.2 degrees, a saturation of 65.9% and a lightness of 42.5%. #b45a25 color hex could be obtained by blending #ffb44a with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 35
- B 15
RGB color chart
- C 0
- M 50
- Y 79
- K 29
CMYK color chart

● #b45a25 color description : Strong orange.

The hexadecimal color #b45a25 has RGB values of R:180, G:90, B:37 and CMYK values of C:0, M:0.5, Y:0.79, K:0.29. Its decimal value is 11819557.

Hex triplet	b45a25	`#b45a25`
RGB Decimal	180, 90, 37	`rgb(180,90,37)`
RGB Percent	70.6, 35.3, 14.5	`rgb(70.6%,35.3%,14.5%)`
CMYK	0, 50, 79, 29
HSL	22.2°, 65.9, 42.5	`hsl(22.2,65.9%,42.5%)`
HSV (or HSB)	22.2°, 79.4, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.45, 32.93, 45.424
XYZ	22.813, 17.151, 3.859
xyY	0.521, 0.391, 17.151
CIE-LCH	48.45, 56.104, 54.059
CIE-LUV	48.45, 72.455, 38.367
Hunter-Lab	41.414, 25.853, 23.465
Binary	10110100, 01011010, 00100101

#b45a25
```
#b45a25 rgb(180,90,37)
```
#257fb4
```
#257fb4 rgb(37,127,180)
```

Complementary Color

#b42538
```
#b42538 rgb(180,37,56)
```
#b45a25
```
#b45a25 rgb(180,90,37)
```
#b4a225
```
#b4a225 rgb(180,162,37)
```

Analogous Color

#2538b4
```
#2538b4 rgb(37,56,180)
```
#b45a25
```
#b45a25 rgb(180,90,37)
```
#25b4a2
```
#25b4a2 rgb(37,180,162)
```

Split Complementary Color

#5a25b4
```
#5a25b4 rgb(90,37,180)
```
#b45a25
```
#b45a25 rgb(180,90,37)
```
#25b45a
```
#25b45a rgb(37,180,90)
```

Triadic Color

#b4257f
```
#b4257f rgb(180,37,127)
```
#b45a25
```
#b45a25 rgb(180,90,37)
```
#25b45a
```
#25b45a rgb(37,180,90)
```
#257fb4
```
#257fb4 rgb(37,127,180)
```

Tetradic Color

#753a18
```
#753a18 rgb(117,58,24)
```
#8a451c
```
#8a451c rgb(138,69,28)
```
#9f4f21
```
#9f4f21 rgb(159,79,33)
```
#b45a25
```
#b45a25 rgb(180,90,37)
```
#c96529
```
#c96529 rgb(201,101,41)
```
#d67136
```
#d67136 rgb(214,113,54)
```
#da804b
```
#da804b rgb(218,128,75)
```

Monochromatic Color

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

#b43625
```
#b43625 rgb(180,54,37)
```
#b44225
```
#b44225 rgb(180,66,37)
```
#b44e25
```
#b44e25 rgb(180,78,37)
```
#b45a25
```
#b45a25 rgb(180,90,37)
```
#b46625
```
#b46625 rgb(180,102,37)
```
#b47225
```
#b47225 rgb(180,114,37)
```
#b47e25
```
#b47e25 rgb(180,126,37)
```

Similar Colors

Text with hexadecimal color #b45a25

This text has a font color of #b45a25.

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

#b45a25 background color

This paragraph has a background color of #b45a25.

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

#b45a25 border color

This element has a border color of #b45a25.

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

CSS codes

.text {color:#b45a25;}

.background {background-color:#b45a25;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110904
```
#110904 rgb(17,9,4)
```
#221107
```
#221107 rgb(34,17,7)
```
#32190a
```
#32190a rgb(50,25,10)
```
#42210e
```
#42210e rgb(66,33,14)
```
#522911
```
#522911 rgb(82,41,17)
```
#633114
```
#633114 rgb(99,49,20)
```
#733918
```
#733918 rgb(115,57,24)
```
#83421b
```
#83421b rgb(131,66,27)
```
#934a1e
```
#934a1e rgb(147,74,30)
```
#a45222
```
#a45222 rgb(164,82,34)
```
#b45a25
```
#b45a25 rgb(180,90,37)
```
#c46228
```
#c46228 rgb(196,98,40)
```

Shade Color Variation

#d46a2d
```
#d46a2d rgb(212,106,45)
```
#d7763d
```
#d7763d rgb(215,118,61)
```
#da814d
```
#da814d rgb(218,129,77)
```
#de8d5d
```
#de8d5d rgb(222,141,93)
```
#e1986e
```
#e1986e rgb(225,152,110)
```
#e4a47e
```
#e4a47e rgb(228,164,126)
```
#e8af8e
```
#e8af8e rgb(232,175,142)
```
#ebbb9e
```
#ebbb9e rgb(235,187,158)
```
#eec6af
```
#eec6af rgb(238,198,175)
```
#f2d2bf
```
#f2d2bf rgb(242,210,191)
```
#f5ddcf
```
#f5ddcf rgb(245,221,207)
```
#f9e9df
```
#f9e9df rgb(249,233,223)
```
#fcf4f0
```
#fcf4f0 rgb(252,244,240)
```

Tint Color Variation

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

#716b68
```
#716b68 rgb(113,107,104)
```
#7a695f
```
#7a695f rgb(122,105,95)
```
#826757
```
#826757 rgb(130,103,87)
```
#8a654f
```
#8a654f rgb(138,101,79)
```
#936346
```
#936346 rgb(147,99,70)
```
#9b603e
```
#9b603e rgb(155,96,62)
```
#a35e36
```
#a35e36 rgb(163,94,54)
```
#ac5c2d
```
#ac5c2d rgb(172,92,45)
```
#b45a25
```
#b45a25 rgb(180,90,37)
```
#bc581d
```
#bc581d rgb(188,88,29)
```
#c55614
```
#c55614 rgb(197,86,20)
```
#cd540c
```
#cd540c rgb(205,84,12)
```
#d55104
```
#d55104 rgb(213,81,4)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7d6b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a36 Protanopia 1% of men
#977429 Deuteranopia 1% of men
#ba5d63 Tritanopia 0.001% of the population

Trichromacy

#976e30 Protanomaly 1% of men, 0.01% of women
#a26a28 Deuteranomaly 6% of men, 0.4% of women
#b85c4c Tritanomaly 0.01% of the population

#b45a25 hex color

#b45a25 Color Information

#b45a25 Color Conversion

Color Schemes with #b45a25

Alternatives to #b45a25

#b45a25 Preview

Shades and Tints of #b45a25

Tones of #b45a25

Color Blindness Simulator