#b45523 hex color

In a RGB color space, hex #b45523 is composed of 70.6% red, 33.3% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.8% magenta, 80.6% yellow and 29.4% black. It has a hue angle of 20.7 degrees, a saturation of 67.4% and a lightness of 42.2%. #b45523 color hex could be obtained by blending #ffaa46 with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 33
- B 14
RGB color chart
- C 0
- M 53
- Y 81
- K 29
CMYK color chart

● #b45523 color description : Strong orange.

The hexadecimal color #b45523 has RGB values of R:180, G:85, B:35 and CMYK values of C:0, M:0.53, Y:0.81, K:0.29. Its decimal value is 11818275.

Hex triplet	b45523	`#b45523`
RGB Decimal	180, 85, 35	`rgb(180,85,35)`
RGB Percent	70.6, 33.3, 13.7	`rgb(70.6%,33.3%,13.7%)`
CMYK	0, 53, 81, 29
HSL	20.7°, 67.4, 42.2	`hsl(20.7,67.4%,42.2%)`
HSV (or HSB)	20.7°, 80.6, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.396, 35.469, 45.336
XYZ	22.375, 16.324, 3.563
xyY	0.529, 0.386, 16.324
CIE-LCH	47.396, 57.562, 51.962
CIE-LUV	47.396, 76.525, 37.145
Hunter-Lab	40.403, 28.149, 23.054
Binary	10110100, 01010101, 00100011

#b45523
```
#b45523 rgb(180,85,35)
```
#2382b4
```
#2382b4 rgb(35,130,180)
```

Complementary Color

#b4233a
```
#b4233a rgb(180,35,58)
```
#b45523
```
#b45523 rgb(180,85,35)
```
#b49e23
```
#b49e23 rgb(180,158,35)
```

Analogous Color

#233ab4
```
#233ab4 rgb(35,58,180)
```
#b45523
```
#b45523 rgb(180,85,35)
```
#23b49e
```
#23b49e rgb(35,180,158)
```

Split Complementary Color

#5523b4
```
#5523b4 rgb(85,35,180)
```
#b45523
```
#b45523 rgb(180,85,35)
```
#23b455
```
#23b455 rgb(35,180,85)
```

Triadic Color

#b42382
```
#b42382 rgb(180,35,130)
```
#b45523
```
#b45523 rgb(180,85,35)
```
#23b455
```
#23b455 rgb(35,180,85)
```
#2382b4
```
#2382b4 rgb(35,130,180)
```

Tetradic Color

#743717
```
#743717 rgb(116,55,23)
```
#89411b
```
#89411b rgb(137,65,27)
```
#9f4b1f
```
#9f4b1f rgb(159,75,31)
```
#b45523
```
#b45523 rgb(180,85,35)
```
#c95f27
```
#c95f27 rgb(201,95,39)
```
#d76b33
```
#d76b33 rgb(215,107,51)
```
#db7b48
```
#db7b48 rgb(219,123,72)
```

Monochromatic Color

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

#b43123
```
#b43123 rgb(180,49,35)
```
#b43d23
```
#b43d23 rgb(180,61,35)
```
#b44923
```
#b44923 rgb(180,73,35)
```
#b45523
```
#b45523 rgb(180,85,35)
```
#b46123
```
#b46123 rgb(180,97,35)
```
#b46d23
```
#b46d23 rgb(180,109,35)
```
#b47923
```
#b47923 rgb(180,121,35)
```

Similar Colors

Text with hexadecimal color #b45523

This text has a font color of #b45523.

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

#b45523 background color

This paragraph has a background color of #b45523.

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

#b45523 border color

This element has a border color of #b45523.

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

CSS codes

.text {color:#b45523;}

.background {background-color:#b45523;}

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

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

#100703
```
#100703 rgb(16,7,3)
```
#200f06
```
#200f06 rgb(32,15,6)
```
#311709
```
#311709 rgb(49,23,9)
```
#411f0d
```
#411f0d rgb(65,31,13)
```
#512610
```
#512610 rgb(81,38,16)
```
#622e13
```
#622e13 rgb(98,46,19)
```
#723616
```
#723616 rgb(114,54,22)
```
#833e19
```
#833e19 rgb(131,62,25)
```
#93451d
```
#93451d rgb(147,69,29)
```
#a44d20
```
#a44d20 rgb(164,77,32)
```
#b45523
```
#b45523 rgb(180,85,35)
```
#c45d26
```
#c45d26 rgb(196,93,38)
```
#d56529
```
#d56529 rgb(213,101,41)
```

Shade Color Variation

#d97039
```
#d97039 rgb(217,112,57)
```
#dc7c4a
```
#dc7c4a rgb(220,124,74)
```
#df885a
```
#df885a rgb(223,136,90)
```
#e2946b
```
#e2946b rgb(226,148,107)
```
#e5a07b
```
#e5a07b rgb(229,160,123)
```
#e9ac8b
```
#e9ac8b rgb(233,172,139)
```
#ecb79c
```
#ecb79c rgb(236,183,156)
```
#efc3ac
```
#efc3ac rgb(239,195,172)
```
#f2cfbd
```
#f2cfbd rgb(242,207,189)
```
#f5dbcd
```
#f5dbcd rgb(245,219,205)
```
#f8e7de
```
#f8e7de rgb(248,231,222)
```
#fcf3ee
```
#fcf3ee rgb(252,243,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#726a65
```
#726a65 rgb(114,106,101)
```
#7a675d
```
#7a675d rgb(122,103,93)
```
#826455
```
#826455 rgb(130,100,85)
```
#8b624c
```
#8b624c rgb(139,98,76)
```
#935f44
```
#935f44 rgb(147,95,68)
```
#9b5d3c
```
#9b5d3c rgb(155,93,60)
```
#a35a34
```
#a35a34 rgb(163,90,52)
```
#ac582b
```
#ac582b rgb(172,88,43)
```
#b45523
```
#b45523 rgb(180,85,35)
```
#bc521b
```
#bc521b rgb(188,82,27)
```
#c55012
```
#c55012 rgb(197,80,18)
```
#cd4d0a
```
#cd4d0a rgb(205,77,10)
```
#d54b02
```
#d54b02 rgb(213,75,2)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#7a675d Atypical Achromatopsia 0.001% of the population

Dichromacy

#847735 Protanopia 1% of men
#947226 Deuteranopia 1% of men
#ba585e Tritanopia 0.001% of the population

Trichromacy

#956b2e Protanomaly 1% of men, 0.01% of women
#a06725 Deuteranomaly 6% of men, 0.4% of women
#b75748 Tritanomaly 0.01% of the population

#b45523 hex color

#b45523 Color Information

#b45523 Color Conversion

Color Schemes with #b45523

Alternatives to #b45523

#b45523 Preview

Shades and Tints of #b45523

Tones of #b45523

Color Blindness Simulator