#b45a17 hex color

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

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

● #b45a17 color description : Strong orange.

The hexadecimal color #b45a17 has RGB values of R:180, G:90, B:23 and CMYK values of C:0, M:0.5, Y:0.87, K:0.29. Its decimal value is 11819543.

Hex triplet	b45a17	`#b45a17`
RGB Decimal	180, 90, 23	`rgb(180,90,23)`
RGB Percent	70.6, 35.3, 9	`rgb(70.6%,35.3%,9%)`
CMYK	0, 50, 87, 29
HSL	25.6°, 77.3, 39.8	`hsl(25.6,77.3%,39.8%)`
HSV (or HSB)	25.6°, 87.2, 70.6
Web Safe	cc6600	`#cc6600`

CIE-LAB	48.36, 32.502, 51.133
XYZ	22.634, 17.08, 2.915
xyY	0.531, 0.401, 17.08
CIE-LCH	48.36, 60.588, 57.558
CIE-LUV	48.36, 73.548, 41.614
Hunter-Lab	41.327, 25.437, 24.747
Binary	10110100, 01011010, 00010111

#b45a17
```
#b45a17 rgb(180,90,23)
```
#1771b4
```
#1771b4 rgb(23,113,180)
```

Complementary Color

#b41722
```
#b41722 rgb(180,23,34)
```
#b45a17
```
#b45a17 rgb(180,90,23)
```
#b4a917
```
#b4a917 rgb(180,169,23)
```

Analogous Color

#1723b4
```
#1723b4 rgb(23,35,180)
```
#b45a17
```
#b45a17 rgb(180,90,23)
```
#17b4a9
```
#17b4a9 rgb(23,180,169)
```

Split Complementary Color

#5a17b4
```
#5a17b4 rgb(90,23,180)
```
#b45a17
```
#b45a17 rgb(180,90,23)
```
#17b45a
```
#17b45a rgb(23,180,90)
```

Triadic Color

#b41771
```
#b41771 rgb(180,23,113)
```
#b45a17
```
#b45a17 rgb(180,90,23)
```
#17b45a
```
#17b45a rgb(23,180,90)
```
#1771b4
```
#1771b4 rgb(23,113,180)
```

Tetradic Color

#70380e
```
#70380e rgb(112,56,14)
```
#874311
```
#874311 rgb(135,67,17)
```
#9d4f14
```
#9d4f14 rgb(157,79,20)
```
#b45a17
```
#b45a17 rgb(180,90,23)
```
#cb651a
```
#cb651a rgb(203,101,26)
```
#e1711d
```
#e1711d rgb(225,113,29)
```
#e57f33
```
#e57f33 rgb(229,127,51)
```

Monochromatic Color

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

#b43317
```
#b43317 rgb(180,51,23)
```
#b44017
```
#b44017 rgb(180,64,23)
```
#b44d17
```
#b44d17 rgb(180,77,23)
```
#b45a17
```
#b45a17 rgb(180,90,23)
```
#b46717
```
#b46717 rgb(180,103,23)
```
#b47417
```
#b47417 rgb(180,116,23)
```
#b48117
```
#b48117 rgb(180,129,23)
```

Similar Colors

Text with hexadecimal color #b45a17

This text has a font color of #b45a17.

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

#b45a17 background color

This paragraph has a background color of #b45a17.

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

#b45a17 border color

This element has a border color of #b45a17.

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

CSS codes

.text {color:#b45a17;}

.background {background-color:#b45a17;}

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

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 #fef8f4 is the lightest one.

#060301
```
#060301 rgb(6,3,1)
```
#170c03
```
#170c03 rgb(23,12,3)
```
#291405
```
#291405 rgb(41,20,5)
```
#3a1d07
```
#3a1d07 rgb(58,29,7)
```
#4c260a
```
#4c260a rgb(76,38,10)
```
#5d2f0c
```
#5d2f0c rgb(93,47,12)
```
#6e370e
```
#6e370e rgb(110,55,14)
```
#804010
```
#804010 rgb(128,64,16)
```
#914913
```
#914913 rgb(145,73,19)
```
#a35115
```
#a35115 rgb(163,81,21)
```
#b45a17
```
#b45a17 rgb(180,90,23)
```
#c56319
```
#c56319 rgb(197,99,25)
```
#d76b1b
```
#d76b1b rgb(215,107,27)
```

Shade Color Variation

#e37523
```
#e37523 rgb(227,117,35)
```
#e58034
```
#e58034 rgb(229,128,52)
```
#e78b46
```
#e78b46 rgb(231,139,70)
```
#ea9657
```
#ea9657 rgb(234,150,87)
```
#eca169
```
#eca169 rgb(236,161,105)
```
#eeab7a
```
#eeab7a rgb(238,171,122)
```
#f0b68b
```
#f0b68b rgb(240,182,139)
```
#f2c19d
```
#f2c19d rgb(242,193,157)
```
#f5ccae
```
#f5ccae rgb(245,204,174)
```
#f7d7bf
```
#f7d7bf rgb(247,215,191)
```
#f9e2d1
```
#f9e2d1 rgb(249,226,209)
```
#fbede2
```
#fbede2 rgb(251,237,226)
```
#fef8f4
```
#fef8f4 rgb(254,248,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 #c45807 is the most saturated one.

#666565
```
#666565 rgb(102,101,101)
```
#6e645d
```
#6e645d rgb(110,100,93)
```
#766355
```
#766355 rgb(118,99,85)
```
#7d624e
```
#7d624e rgb(125,98,78)
```
#856146
```
#856146 rgb(133,97,70)
```
#8d603e
```
#8d603e rgb(141,96,62)
```
#955f36
```
#955f36 rgb(149,95,54)
```
#9d5d2e
```
#9d5d2e rgb(157,93,46)
```
#a45c27
```
#a45c27 rgb(164,92,39)
```
#ac5b1f
```
#ac5b1f rgb(172,91,31)
```
#b45a17
```
#b45a17 rgb(180,90,23)
```
#bc590f
```
#bc590f rgb(188,89,15)
```
#c45807
```
#c45807 rgb(196,88,7)
```

Tone Color Variation

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

Dichromacy

#887a29 Protanopia 1% of men
#987419 Deuteranopia 1% of men
#ba5c62 Tritanopia 0.001% of the population

Trichromacy

#986e22 Protanomaly 1% of men, 0.01% of women
#a26a18 Deuteranomaly 6% of men, 0.4% of women
#b85b46 Tritanomaly 0.01% of the population

#b45a17 hex color

#b45a17 Color Information

#b45a17 Color Conversion

Color Schemes with #b45a17

Alternatives to #b45a17

#b45a17 Preview

Shades and Tints of #b45a17

Tones of #b45a17

Color Blindness Simulator