#b45f14 hex color

In a RGB color space, hex #b45f14 is composed of 70.6% red, 37.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 88.9% yellow and 29.4% black. It has a hue angle of 28.1 degrees, a saturation of 80% and a lightness of 39.2%. #b45f14 color hex could be obtained by blending #ffbe28 with #690000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 71
- G 37
- B 8
RGB color chart
- C 0
- M 47
- Y 89
- K 29
CMYK color chart

● #b45f14 color description : Strong orange.

The hexadecimal color #b45f14 has RGB values of R:180, G:95, B:20 and CMYK values of C:0, M:0.47, Y:0.89, K:0.29. Its decimal value is 11820820.

Hex triplet	b45f14	`#b45f14`
RGB Decimal	180, 95, 20	`rgb(180,95,20)`
RGB Percent	70.6, 37.3, 7.8	`rgb(70.6%,37.3%,7.8%)`
CMYK	0, 47, 89, 29
HSL	28.1°, 80, 39.2	`hsl(28.1,80%,39.2%)`
HSV (or HSB)	28.1°, 88.9, 70.6
Web Safe	cc6600	`#cc6600`

CIE-LAB	49.424, 29.768, 52.995
XYZ	23.042, 17.94, 2.911
xyY	0.525, 0.409, 17.94
CIE-LCH	49.424, 60.783, 60.677
CIE-LUV	49.424, 69.702, 43.882
Hunter-Lab	42.356, 22.981, 25.574
Binary	10110100, 01011111, 00010100

#b45f14
```
#b45f14 rgb(180,95,20)
```
#1469b4
```
#1469b4 rgb(20,105,180)
```

Complementary Color

#b41419
```
#b41419 rgb(180,20,25)
```
#b45f14
```
#b45f14 rgb(180,95,20)
```
#b4af14
```
#b4af14 rgb(180,175,20)
```

Analogous Color

#1419b4
```
#1419b4 rgb(20,25,180)
```
#b45f14
```
#b45f14 rgb(180,95,20)
```
#14b4af
```
#14b4af rgb(20,180,175)
```

Split Complementary Color

#5f14b4
```
#5f14b4 rgb(95,20,180)
```
#b45f14
```
#b45f14 rgb(180,95,20)
```
#14b45f
```
#14b45f rgb(20,180,95)
```

Triadic Color

#b41469
```
#b41469 rgb(180,20,105)
```
#b45f14
```
#b45f14 rgb(180,95,20)
```
#14b45f
```
#14b45f rgb(20,180,95)
```
#1469b4
```
#1469b4 rgb(20,105,180)
```

Tetradic Color

#6f3b0c
```
#6f3b0c rgb(111,59,12)
```
#86470f
```
#86470f rgb(134,71,15)
```
#9d5311
```
#9d5311 rgb(157,83,17)
```
#b45f14
```
#b45f14 rgb(180,95,20)
```
#cb6b17
```
#cb6b17 rgb(203,107,23)
```
#e27719
```
#e27719 rgb(226,119,25)
```
#e8842d
```
#e8842d rgb(232,132,45)
```

Monochromatic Color

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

#b43714
```
#b43714 rgb(180,55,20)
```
#b44414
```
#b44414 rgb(180,68,20)
```
#b45214
```
#b45214 rgb(180,82,20)
```
#b45f14
```
#b45f14 rgb(180,95,20)
```
#b46c14
```
#b46c14 rgb(180,108,20)
```
#b47a14
```
#b47a14 rgb(180,122,20)
```
#b48714
```
#b48714 rgb(180,135,20)
```

Similar Colors

Text with hexadecimal color #b45f14

This text has a font color of #b45f14.

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

#b45f14 background color

This paragraph has a background color of #b45f14.

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

#b45f14 border color

This element has a border color of #b45f14.

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

CSS codes

.text {color:#b45f14;}

.background {background-color:#b45f14;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150b02
```
#150b02 rgb(21,11,2)
```
#271404
```
#271404 rgb(39,20,4)
```
#381e06
```
#381e06 rgb(56,30,6)
```
#4a2708
```
#4a2708 rgb(74,39,8)
```
#5c300a
```
#5c300a rgb(92,48,10)
```
#6d3a0c
```
#6d3a0c rgb(109,58,12)
```
#7f430e
```
#7f430e rgb(127,67,14)
```
#914c10
```
#914c10 rgb(145,76,16)
```
#a25612
```
#a25612 rgb(162,86,18)
```
#b45f14
```
#b45f14 rgb(180,95,20)
```
#c66816
```
#c66816 rgb(198,104,22)
```
#d77218
```
#d77218 rgb(215,114,24)
```

Shade Color Variation

#e67b1d
```
#e67b1d rgb(230,123,29)
```
#e8852f
```
#e8852f rgb(232,133,47)
```
#ea9040
```
#ea9040 rgb(234,144,64)
```
#ec9a52
```
#ec9a52 rgb(236,154,82)
```
#eea464
```
#eea464 rgb(238,164,100)
```
#f0af75
```
#f0af75 rgb(240,175,117)
```
#f2b987
```
#f2b987 rgb(242,185,135)
```
#f4c399
```
#f4c399 rgb(244,195,153)
```
#f6ceaa
```
#f6ceaa rgb(246,206,170)
```
#f8d8bc
```
#f8d8bc rgb(248,216,188)
```
#fae2ce
```
#fae2ce rgb(250,226,206)
```
#fbecdf
```
#fbecdf rgb(251,236,223)
```
#fdf7f1
```
#fdf7f1 rgb(253,247,241)
```

Tint Color Variation

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

#676461
```
#676461 rgb(103,100,97)
```
#6f6359
```
#6f6359 rgb(111,99,89)
```
#766352
```
#766352 rgb(118,99,82)
```
#7e624a
```
#7e624a rgb(126,98,74)
```
#866242
```
#866242 rgb(134,98,66)
```
#8e613a
```
#8e613a rgb(142,97,58)
```
#956133
```
#956133 rgb(149,97,51)
```
#9d602b
```
#9d602b rgb(157,96,43)
```
#a56023
```
#a56023 rgb(165,96,35)
```
#ac5f1c
```
#ac5f1c rgb(172,95,28)
```
#b45f14
```
#b45f14 rgb(180,95,20)
```
#bc5f0c
```
#bc5f0c rgb(188,95,12)
```
#c35e05
```
#c35e05 rgb(195,94,5)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7e6d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7c25 Protanopia 1% of men
#9b7615 Deuteranopia 1% of men
#bb6067 Tritanopia 0.001% of the population

Trichromacy

#9a721f Protanomaly 1% of men, 0.01% of women
#a46e15 Deuteranomaly 6% of men, 0.4% of women
#b86048 Tritanomaly 0.01% of the population

#b45f14 hex color

#b45f14 Color Information

#b45f14 Color Conversion

Color Schemes with #b45f14

Alternatives to #b45f14

#b45f14 Preview

Shades and Tints of #b45f14

Tones of #b45f14

Color Blindness Simulator