#b45023 hex color

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

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

● #b45023 color description : Strong orange.

The hexadecimal color #b45023 has RGB values of R:180, G:80, B:35 and CMYK values of C:0, M:0.56, Y:0.81, K:0.29. Its decimal value is 11816995.

Hex triplet	b45023	`#b45023`
RGB Decimal	180, 80, 35	`rgb(180,80,35)`
RGB Percent	70.6, 31.4, 13.7	`rgb(70.6%,31.4%,13.7%)`
CMYK	0, 56, 81, 29
HSL	18.6°, 67.4, 42.2	`hsl(18.6,67.4%,42.2%)`
HSV (or HSB)	18.6°, 80.6, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	46.397, 38.019, 44.38
XYZ	21.995, 15.564, 3.436
xyY	0.537, 0.38, 15.564
CIE-LCH	46.397, 58.438, 49.415
CIE-LUV	46.397, 80.347, 35.427
Hunter-Lab	39.451, 30.479, 22.452
Binary	10110100, 01010000, 00100011

#b45023
```
#b45023 rgb(180,80,35)
```
#2387b4
```
#2387b4 rgb(35,135,180)
```

Complementary Color

#b4233f
```
#b4233f rgb(180,35,63)
```
#b45023
```
#b45023 rgb(180,80,35)
```
#b49923
```
#b49923 rgb(180,153,35)
```

Analogous Color

#233fb4
```
#233fb4 rgb(35,63,180)
```
#b45023
```
#b45023 rgb(180,80,35)
```
#23b499
```
#23b499 rgb(35,180,153)
```

Split Complementary Color

#5023b4
```
#5023b4 rgb(80,35,180)
```
#b45023
```
#b45023 rgb(180,80,35)
```
#23b450
```
#23b450 rgb(35,180,80)
```

Triadic Color

#b42387
```
#b42387 rgb(180,35,135)
```
#b45023
```
#b45023 rgb(180,80,35)
```
#23b450
```
#23b450 rgb(35,180,80)
```
#2387b4
```
#2387b4 rgb(35,135,180)
```

Tetradic Color

#743417
```
#743417 rgb(116,52,23)
```
#893d1b
```
#893d1b rgb(137,61,27)
```
#9f471f
```
#9f471f rgb(159,71,31)
```
#b45023
```
#b45023 rgb(180,80,35)
```
#c95927
```
#c95927 rgb(201,89,39)
```
#d76633
```
#d76633 rgb(215,102,51)
```
#db7648
```
#db7648 rgb(219,118,72)
```

Monochromatic Color

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

#b42c23
```
#b42c23 rgb(180,44,35)
```
#b43823
```
#b43823 rgb(180,56,35)
```
#b44423
```
#b44423 rgb(180,68,35)
```
#b45023
```
#b45023 rgb(180,80,35)
```
#b45c23
```
#b45c23 rgb(180,92,35)
```
#b46823
```
#b46823 rgb(180,104,35)
```
#b47423
```
#b47423 rgb(180,116,35)
```

Similar Colors

Text with hexadecimal color #b45023

This text has a font color of #b45023.

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

#b45023 background color

This paragraph has a background color of #b45023.

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

#b45023 border color

This element has a border color of #b45023.

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

CSS codes

.text {color:#b45023;}

.background {background-color:#b45023;}

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

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)
```
#200e06
```
#200e06 rgb(32,14,6)
```
#311609
```
#311609 rgb(49,22,9)
```
#411d0d
```
#411d0d rgb(65,29,13)
```
#512410
```
#512410 rgb(81,36,16)
```
#622c13
```
#622c13 rgb(98,44,19)
```
#723316
```
#723316 rgb(114,51,22)
```
#833a19
```
#833a19 rgb(131,58,25)
```
#93411d
```
#93411d rgb(147,65,29)
```
#a44920
```
#a44920 rgb(164,73,32)
```
#b45023
```
#b45023 rgb(180,80,35)
```
#c45726
```
#c45726 rgb(196,87,38)
```
#d55f29
```
#d55f29 rgb(213,95,41)
```

Shade Color Variation

#d96b39
```
#d96b39 rgb(217,107,57)
```
#dc774a
```
#dc774a rgb(220,119,74)
```
#df835a
```
#df835a rgb(223,131,90)
```
#e2906b
```
#e2906b rgb(226,144,107)
```
#e59c7b
```
#e59c7b rgb(229,156,123)
```
#e9a88b
```
#e9a88b rgb(233,168,139)
```
#ecb59c
```
#ecb59c rgb(236,181,156)
```
#efc1ac
```
#efc1ac rgb(239,193,172)
```
#f2cdbd
```
#f2cdbd rgb(242,205,189)
```
#f5dacd
```
#f5dacd rgb(245,218,205)
```
#f8e6de
```
#f8e6de rgb(248,230,222)
```
#fcf2ee
```
#fcf2ee rgb(252,242,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#726965
```
#726965 rgb(114,105,101)
```
#7a665d
```
#7a665d rgb(122,102,93)
```
#826355
```
#826355 rgb(130,99,85)
```
#8b604c
```
#8b604c rgb(139,96,76)
```
#935d44
```
#935d44 rgb(147,93,68)
```
#9b593c
```
#9b593c rgb(155,89,60)
```
#a35634
```
#a35634 rgb(163,86,52)
```
#ac532b
```
#ac532b rgb(172,83,43)
```
#b45023
```
#b45023 rgb(180,80,35)
```
#bc4d1b
```
#bc4d1b rgb(188,77,27)
```
#c54a12
```
#c54a12 rgb(197,74,18)
```
#cd470a
```
#cd470a rgb(205,71,10)
```
#d54302
```
#d54302 rgb(213,67,2)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#78645b Atypical Achromatopsia 0.001% of the population

Dichromacy

#827536 Protanopia 1% of men
#916f26 Deuteranopia 1% of men
#b95459 Tritanopia 0.001% of the population

Trichromacy

#94672f Protanomaly 1% of men, 0.01% of women
#9e6425 Deuteranomaly 6% of men, 0.4% of women
#b75245 Tritanomaly 0.01% of the population

#b45023 hex color

#b45023 Color Information

#b45023 Color Conversion

Color Schemes with #b45023

Alternatives to #b45023

#b45023 Preview

Shades and Tints of #b45023

Tones of #b45023

Color Blindness Simulator