#b45628 hex color

In a RGB color space, hex #b45628 is composed of 70.6% red, 33.7% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.2% magenta, 77.8% yellow and 29.4% black. It has a hue angle of 19.7 degrees, a saturation of 63.6% and a lightness of 43.1%. #b45628 color hex could be obtained by blending #ffac50 with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 34
- B 16
RGB color chart
- C 0
- M 52
- Y 78
- K 29
CMYK color chart

● #b45628 color description : Strong orange.

The hexadecimal color #b45628 has RGB values of R:180, G:86, B:40 and CMYK values of C:0, M:0.52, Y:0.78, K:0.29. Its decimal value is 11818536.

Hex triplet	b45628	`#b45628`
RGB Decimal	180, 86, 40	`rgb(180,86,40)`
RGB Percent	70.6, 33.7, 15.7	`rgb(70.6%,33.7%,15.7%)`
CMYK	0, 52, 78, 29
HSL	19.7°, 63.6, 43.1	`hsl(19.7,63.6%,43.1%)`
HSV (or HSB)	19.7°, 77.8, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.642, 35.14, 43.196
XYZ	22.534, 16.514, 4.008
xyY	0.523, 0.384, 16.514
CIE-LCH	47.642, 55.684, 50.871
CIE-LUV	47.642, 75.24, 36.049
Hunter-Lab	40.638, 27.864, 22.598
Binary	10110100, 01010110, 00101000

#b45628
```
#b45628 rgb(180,86,40)
```
#2886b4
```
#2886b4 rgb(40,134,180)
```

Complementary Color

#b42840
```
#b42840 rgb(180,40,64)
```
#b45628
```
#b45628 rgb(180,86,40)
```
#b49c28
```
#b49c28 rgb(180,156,40)
```

Analogous Color

#2840b4
```
#2840b4 rgb(40,64,180)
```
#b45628
```
#b45628 rgb(180,86,40)
```
#28b49c
```
#28b49c rgb(40,180,156)
```

Split Complementary Color

#5628b4
```
#5628b4 rgb(86,40,180)
```
#b45628
```
#b45628 rgb(180,86,40)
```
#28b456
```
#28b456 rgb(40,180,86)
```

Triadic Color

#b42886
```
#b42886 rgb(180,40,134)
```
#b45628
```
#b45628 rgb(180,86,40)
```
#28b456
```
#28b456 rgb(40,180,86)
```
#2886b4
```
#2886b4 rgb(40,134,180)
```

Tetradic Color

#75381a
```
#75381a rgb(117,56,26)
```
#8a421f
```
#8a421f rgb(138,66,31)
```
#9f4c23
```
#9f4c23 rgb(159,76,35)
```
#b45628
```
#b45628 rgb(180,86,40)
```
#c9602d
```
#c9602d rgb(201,96,45)
```
#d46d3b
```
#d46d3b rgb(212,109,59)
```
#d87d50
```
#d87d50 rgb(216,125,80)
```

Monochromatic Color

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

#b43328
```
#b43328 rgb(180,51,40)
```
#b43f28
```
#b43f28 rgb(180,63,40)
```
#b44a28
```
#b44a28 rgb(180,74,40)
```
#b45628
```
#b45628 rgb(180,86,40)
```
#b46228
```
#b46228 rgb(180,98,40)
```
#b46d28
```
#b46d28 rgb(180,109,40)
```
#b47928
```
#b47928 rgb(180,121,40)
```

Similar Colors

Text with hexadecimal color #b45628

This text has a font color of #b45628.

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

#b45628 background color

This paragraph has a background color of #b45628.

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

#b45628 border color

This element has a border color of #b45628.

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

CSS codes

.text {color:#b45628;}

.background {background-color:#b45628;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#140904
```
#140904 rgb(20,9,4)
```
#241108
```
#241108 rgb(36,17,8)
```
#34190b
```
#34190b rgb(52,25,11)
```
#44200f
```
#44200f rgb(68,32,15)
```
#542813
```
#542813 rgb(84,40,19)
```
#643016
```
#643016 rgb(100,48,22)
```
#74371a
```
#74371a rgb(116,55,26)
```
#843f1d
```
#843f1d rgb(132,63,29)
```
#944721
```
#944721 rgb(148,71,33)
```
#a44e24
```
#a44e24 rgb(164,78,36)
```
#b45628
```
#b45628 rgb(180,86,40)
```
#c45e2c
```
#c45e2c rgb(196,94,44)
```

Shade Color Variation

#d16632
```
#d16632 rgb(209,102,50)
```
#d57242
```
#d57242 rgb(213,114,66)
```
#d97e52
```
#d97e52 rgb(217,126,82)
```
#dc8a62
```
#dc8a62 rgb(220,138,98)
```
#e09672
```
#e09672 rgb(224,150,114)
```
#e3a282
```
#e3a282 rgb(227,162,130)
```
#e7ae92
```
#e7ae92 rgb(231,174,146)
```
#eabaa2
```
#eabaa2 rgb(234,186,162)
```
#eec6b2
```
#eec6b2 rgb(238,198,178)
```
#f2d2c2
```
#f2d2c2 rgb(242,210,194)
```
#f5ded2
```
#f5ded2 rgb(245,222,210)
```
#f9eae2
```
#f9eae2 rgb(249,234,226)
```
#fcf6f2
```
#fcf6f2 rgb(252,246,242)
```

Tint Color Variation

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

#706d6c
```
#706d6c rgb(112,109,108)
```
#796a63
```
#796a63 rgb(121,106,99)
```
#81675b
```
#81675b rgb(129,103,91)
```
#8a6552
```
#8a6552 rgb(138,101,82)
```
#92624a
```
#92624a rgb(146,98,74)
```
#9b5f41
```
#9b5f41 rgb(155,95,65)
```
#a35c39
```
#a35c39 rgb(163,92,57)
```
#ac5930
```
#ac5930 rgb(172,89,48)
```
#b45628
```
#b45628 rgb(180,86,40)
```
#bc5320
```
#bc5320 rgb(188,83,32)
```
#c55017
```
#c55017 rgb(197,80,23)
```
#cd4d0f
```
#cd4d0f rgb(205,77,15)
```
#d64a06
```
#d64a06 rgb(214,74,6)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7b685f Atypical Achromatopsia 0.001% of the population

Dichromacy

#85783a Protanopia 1% of men
#95722c Deuteranopia 1% of men
#ba595f Tritanopia 0.001% of the population

Trichromacy

#966b33 Protanomaly 1% of men, 0.01% of women
#a0682a Deuteranomaly 6% of men, 0.4% of women
#b7584b Tritanomaly 0.01% of the population

#b45628 hex color

#b45628 Color Information

#b45628 Color Conversion

Color Schemes with #b45628

Alternatives to #b45628

#b45628 Preview

Shades and Tints of #b45628

Tones of #b45628

Color Blindness Simulator