#b45017 hex color

In a RGB color space, hex #b45017 is composed of 70.6% red, 31.4% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.6% magenta, 87.2% yellow and 29.4% black. It has a hue angle of 21.8 degrees, a saturation of 77.3% and a lightness of 39.8%. #b45017 color hex could be obtained by blending #ffa02e with #690000. Closest websafe color is: #cc6600.

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

● #b45017 color description : Strong orange.

The hexadecimal color #b45017 has RGB values of R:180, G:80, B:23 and CMYK values of C:0, M:0.56, Y:0.87, K:0.29. Its decimal value is 11816983.

Hex triplet	b45017	`#b45017`
RGB Decimal	180, 80, 23	`rgb(180,80,23)`
RGB Percent	70.6, 31.4, 9	`rgb(70.6%,31.4%,9%)`
CMYK	0, 56, 87, 29
HSL	21.8°, 77.3, 39.8	`hsl(21.8,77.3%,39.8%)`
HSV (or HSB)	21.8°, 87.2, 70.6
Web Safe	cc6600	`#cc6600`

CIE-LAB	46.318, 37.669, 49.464
XYZ	21.847, 15.505, 2.653
xyY	0.546, 0.388, 15.505
CIE-LCH	46.318, 62.174, 52.709
CIE-LUV	46.318, 81.419, 38.238
Hunter-Lab	39.376, 30.127, 23.569
Binary	10110100, 01010000, 00010111

#b45017
```
#b45017 rgb(180,80,23)
```
#177bb4
```
#177bb4 rgb(23,123,180)
```

Complementary Color

#b4172c
```
#b4172c rgb(180,23,44)
```
#b45017
```
#b45017 rgb(180,80,23)
```
#b49f17
```
#b49f17 rgb(180,159,23)
```

Analogous Color

#172cb4
```
#172cb4 rgb(23,44,180)
```
#b45017
```
#b45017 rgb(180,80,23)
```
#17b49f
```
#17b49f rgb(23,180,159)
```

Split Complementary Color

#5017b4
```
#5017b4 rgb(80,23,180)
```
#b45017
```
#b45017 rgb(180,80,23)
```
#17b450
```
#17b450 rgb(23,180,80)
```

Triadic Color

#b4177b
```
#b4177b rgb(180,23,123)
```
#b45017
```
#b45017 rgb(180,80,23)
```
#17b450
```
#17b450 rgb(23,180,80)
```
#177bb4
```
#177bb4 rgb(23,123,180)
```

Tetradic Color

#70320e
```
#70320e rgb(112,50,14)
```
#873c11
```
#873c11 rgb(135,60,17)
```
#9d4614
```
#9d4614 rgb(157,70,20)
```
#b45017
```
#b45017 rgb(180,80,23)
```
#cb5a1a
```
#cb5a1a rgb(203,90,26)
```
#e1641d
```
#e1641d rgb(225,100,29)
```
#e57333
```
#e57333 rgb(229,115,51)
```

Monochromatic Color

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

#b42917
```
#b42917 rgb(180,41,23)
```
#b43617
```
#b43617 rgb(180,54,23)
```
#b44317
```
#b44317 rgb(180,67,23)
```
#b45017
```
#b45017 rgb(180,80,23)
```
#b45d17
```
#b45d17 rgb(180,93,23)
```
#b46a17
```
#b46a17 rgb(180,106,23)
```
#b47717
```
#b47717 rgb(180,119,23)
```

Similar Colors

Text with hexadecimal color #b45017

This text has a font color of #b45017.

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

#b45017 background color

This paragraph has a background color of #b45017.

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

#b45017 border color

This element has a border color of #b45017.

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

CSS codes

.text {color:#b45017;}

.background {background-color:#b45017;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#170a03
```
#170a03 rgb(23,10,3)
```
#291205
```
#291205 rgb(41,18,5)
```
#3a1a07
```
#3a1a07 rgb(58,26,7)
```
#4c220a
```
#4c220a rgb(76,34,10)
```
#5d290c
```
#5d290c rgb(93,41,12)
```
#6e310e
```
#6e310e rgb(110,49,14)
```
#803910
```
#803910 rgb(128,57,16)
```
#914113
```
#914113 rgb(145,65,19)
```
#a34815
```
#a34815 rgb(163,72,21)
```
#b45017
```
#b45017 rgb(180,80,23)
```
#c55819
```
#c55819 rgb(197,88,25)
```
#d75f1b
```
#d75f1b rgb(215,95,27)
```

Shade Color Variation

#e36923
```
#e36923 rgb(227,105,35)
```
#e57534
```
#e57534 rgb(229,117,52)
```
#e78046
```
#e78046 rgb(231,128,70)
```
#ea8c57
```
#ea8c57 rgb(234,140,87)
```
#ec9869
```
#ec9869 rgb(236,152,105)
```
#eea47a
```
#eea47a rgb(238,164,122)
```
#f0b08b
```
#f0b08b rgb(240,176,139)
```
#f2bc9d
```
#f2bc9d rgb(242,188,157)
```
#f5c8ae
```
#f5c8ae rgb(245,200,174)
```
#f7d4bf
```
#f7d4bf rgb(247,212,191)
```
#f9dfd1
```
#f9dfd1 rgb(249,223,209)
```
#fbebe2
```
#fbebe2 rgb(251,235,226)
```
#fef7f4
```
#fef7f4 rgb(254,247,244)
```

Tint Color Variation

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

#666565
```
#666565 rgb(102,101,101)
```
#6e635d
```
#6e635d rgb(110,99,93)
```
#766155
```
#766155 rgb(118,97,85)
```
#7d5f4e
```
#7d5f4e rgb(125,95,78)
```
#855d46
```
#855d46 rgb(133,93,70)
```
#8d5b3e
```
#8d5b3e rgb(141,91,62)
```
#955936
```
#955936 rgb(149,89,54)
```
#9d562e
```
#9d562e rgb(157,86,46)
```
#a45427
```
#a45427 rgb(164,84,39)
```
#ac521f
```
#ac521f rgb(172,82,31)
```
#b45017
```
#b45017 rgb(180,80,23)
```
#bc4e0f
```
#bc4e0f rgb(188,78,15)
```
#c44c07
```
#c44c07 rgb(196,76,7)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#766257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82752a Protanopia 1% of men
#926f16 Deuteranopia 1% of men
#b95358 Tritanopia 0.001% of the population

Trichromacy

#946723 Protanomaly 1% of men, 0.01% of women
#9e6416 Deuteranomaly 6% of men, 0.4% of women
#b75240 Tritanomaly 0.01% of the population

#b45017 hex color

#b45017 Color Information

#b45017 Color Conversion

Color Schemes with #b45017

Alternatives to #b45017

#b45017 Preview

Shades and Tints of #b45017

Tones of #b45017

Color Blindness Simulator