#b45818 hex color

In a RGB color space, hex #b45818 is composed of 70.6% red, 34.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.1% magenta, 86.7% yellow and 29.4% black. It has a hue angle of 24.6 degrees, a saturation of 76.5% and a lightness of 40%. #b45818 color hex could be obtained by blending #ffb030 with #690000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 71
- G 35
- B 9
RGB color chart
- C 0
- M 51
- Y 87
- K 29
CMYK color chart

● #b45818 color description : Strong orange.

The hexadecimal color #b45818 has RGB values of R:180, G:88, B:24 and CMYK values of C:0, M:0.51, Y:0.87, K:0.29. Its decimal value is 11819032.

Hex triplet	b45818	`#b45818`
RGB Decimal	180, 88, 24	`rgb(180,88,24)`
RGB Percent	70.6, 34.5, 9.4	`rgb(70.6%,34.5%,9.4%)`
CMYK	0, 51, 87, 29
HSL	24.6°, 76.5, 40	`hsl(24.6,76.5%,40%)`
HSV (or HSB)	24.6°, 86.7, 70.6
Web Safe	cc6600	`#cc6600`

CIE-LAB	47.945, 33.579, 50.428
XYZ	22.478, 16.751, 2.914
xyY	0.533, 0.397, 16.751
CIE-LCH	47.945, 60.585, 56.341
CIE-LUV	47.945, 75.075, 40.734
Hunter-Lab	40.928, 26.41, 24.429
Binary	10110100, 01011000, 00011000

#b45818
```
#b45818 rgb(180,88,24)
```
#1874b4
```
#1874b4 rgb(24,116,180)
```

Complementary Color

#b41826
```
#b41826 rgb(180,24,38)
```
#b45818
```
#b45818 rgb(180,88,24)
```
#b4a618
```
#b4a618 rgb(180,166,24)
```

Analogous Color

#1826b4
```
#1826b4 rgb(24,38,180)
```
#b45818
```
#b45818 rgb(180,88,24)
```
#18b4a6
```
#18b4a6 rgb(24,180,166)
```

Split Complementary Color

#5818b4
```
#5818b4 rgb(88,24,180)
```
#b45818
```
#b45818 rgb(180,88,24)
```
#18b458
```
#18b458 rgb(24,180,88)
```

Triadic Color

#b41874
```
#b41874 rgb(180,24,116)
```
#b45818
```
#b45818 rgb(180,88,24)
```
#18b458
```
#18b458 rgb(24,180,88)
```
#1874b4
```
#1874b4 rgb(24,116,180)
```

Tetradic Color

#71370f
```
#71370f rgb(113,55,15)
```
#874212
```
#874212 rgb(135,66,18)
```
#9e4d15
```
#9e4d15 rgb(158,77,21)
```
#b45818
```
#b45818 rgb(180,88,24)
```
#cb631b
```
#cb631b rgb(203,99,27)
```
#e16e1e
```
#e16e1e rgb(225,110,30)
```
#e47d35
```
#e47d35 rgb(228,125,53)
```

Monochromatic Color

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

#b43118
```
#b43118 rgb(180,49,24)
```
#b43e18
```
#b43e18 rgb(180,62,24)
```
#b44b18
```
#b44b18 rgb(180,75,24)
```
#b45818
```
#b45818 rgb(180,88,24)
```
#b46518
```
#b46518 rgb(180,101,24)
```
#b47218
```
#b47218 rgb(180,114,24)
```
#b47f18
```
#b47f18 rgb(180,127,24)
```

Similar Colors

Text with hexadecimal color #b45818

This text has a font color of #b45818.

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

#b45818 background color

This paragraph has a background color of #b45818.

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

#b45818 border color

This element has a border color of #b45818.

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

CSS codes

.text {color:#b45818;}

.background {background-color:#b45818;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#180c03
```
#180c03 rgb(24,12,3)
```
#2a1406
```
#2a1406 rgb(42,20,6)
```
#3b1d08
```
#3b1d08 rgb(59,29,8)
```
#4c250a
```
#4c250a rgb(76,37,10)
```
#5d2e0c
```
#5d2e0c rgb(93,46,12)
```
#6f360f
```
#6f360f rgb(111,54,15)
```
#803f11
```
#803f11 rgb(128,63,17)
```
#914713
```
#914713 rgb(145,71,19)
```
#a35016
```
#a35016 rgb(163,80,22)
```
#b45818
```
#b45818 rgb(180,88,24)
```
#c5601a
```
#c5601a rgb(197,96,26)
```
#d7691d
```
#d7691d rgb(215,105,29)
```

Shade Color Variation

#e27225
```
#e27225 rgb(226,114,37)
```
#e47e36
```
#e47e36 rgb(228,126,54)
```
#e78948
```
#e78948 rgb(231,137,72)
```
#e99459
```
#e99459 rgb(233,148,89)
```
#eb9f6a
```
#eb9f6a rgb(235,159,106)
```
#edaa7b
```
#edaa7b rgb(237,170,123)
```
#f0b58d
```
#f0b58d rgb(240,181,141)
```
#f2c19e
```
#f2c19e rgb(242,193,158)
```
#f4ccaf
```
#f4ccaf rgb(244,204,175)
```
#f7d7c1
```
#f7d7c1 rgb(247,215,193)
```
#f9e2d2
```
#f9e2d2 rgb(249,226,210)
```
#fbede3
```
#fbede3 rgb(251,237,227)
```
#fef8f5
```
#fef8f5 rgb(254,248,245)
```

Tint Color Variation

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

#6d655f
```
#6d655f rgb(109,101,95)
```
#756357
```
#756357 rgb(117,99,87)
```
#7d624f
```
#7d624f rgb(125,98,79)
```
#856047
```
#856047 rgb(133,96,71)
```
#8d5f3f
```
#8d5f3f rgb(141,95,63)
```
#955e37
```
#955e37 rgb(149,94,55)
```
#9c5c30
```
#9c5c30 rgb(156,92,48)
```
#a45b28
```
#a45b28 rgb(164,91,40)
```
#ac5920
```
#ac5920 rgb(172,89,32)
```
#b45818
```
#b45818 rgb(180,88,24)
```
#bc5710
```
#bc5710 rgb(188,87,16)
```
#c45508
```
#c45508 rgb(196,85,8)
```
#cc5400
```
#cc5400 rgb(204,84,0)
```

Tone Color Variation

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

Dichromacy

#87792a Protanopia 1% of men
#977319 Deuteranopia 1% of men
#ba5a60 Tritanopia 0.001% of the population

Trichromacy

#976d23 Protanomaly 1% of men, 0.01% of women
#a16919 Deuteranomaly 6% of men, 0.4% of women
#b85946 Tritanomaly 0.01% of the population

#b45818 hex color

#b45818 Color Information

#b45818 Color Conversion

Color Schemes with #b45818

Alternatives to #b45818

#b45818 Preview

Shades and Tints of #b45818

Tones of #b45818

Color Blindness Simulator