#b57f18 hex color

In a RGB color space, hex #b57f18 is composed of 71% red, 49.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 86.7% yellow and 29% black. It has a hue angle of 39.4 degrees, a saturation of 76.6% and a lightness of 40.2%. #b57f18 color hex could be obtained by blending #fffe30 with #6b0000. Closest websafe color is: #cc6600.

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

● #b57f18 color description : Strong orange.

The hexadecimal color #b57f18 has RGB values of R:181, G:127, B:24 and CMYK values of C:0, M:0.3, Y:0.87, K:0.29. Its decimal value is 11894552.

Hex triplet	b57f18	`#b57f18`
RGB Decimal	181, 127, 24	`rgb(181,127,24)`
RGB Percent	71, 49.8, 9.4	`rgb(71%,49.8%,9.4%)`
CMYK	0, 30, 87, 29
HSL	39.4°, 76.6, 40.2	`hsl(39.4,76.6%,40.2%)`
HSV (or HSB)	39.4°, 86.7, 71
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.144, 12.64, 58.049
XYZ	26.811, 25.07, 4.291
xyY	0.477, 0.446, 25.07
CIE-LCH	57.144, 59.409, 77.715
CIE-LUV	57.144, 44.662, 55.262
Hunter-Lab	50.07, 7.958, 29.968
Binary	10110101, 01111111, 00011000

#b57f18
```
#b57f18 rgb(181,127,24)
```
#184eb5
```
#184eb5 rgb(24,78,181)
```

Complementary Color

#b53118
```
#b53118 rgb(181,49,24)
```
#b57f18
```
#b57f18 rgb(181,127,24)
```
#9db518
```
#9db518 rgb(157,181,24)
```

Analogous Color

#3118b5
```
#3118b5 rgb(49,24,181)
```
#b57f18
```
#b57f18 rgb(181,127,24)
```
#189db5
```
#189db5 rgb(24,157,181)
```

Split Complementary Color

#7f18b5
```
#7f18b5 rgb(127,24,181)
```
#b57f18
```
#b57f18 rgb(181,127,24)
```
#18b57f
```
#18b57f rgb(24,181,127)
```

Triadic Color

#b5184e
```
#b5184e rgb(181,24,78)
```
#b57f18
```
#b57f18 rgb(181,127,24)
```
#18b57f
```
#18b57f rgb(24,181,127)
```
#184eb5
```
#184eb5 rgb(24,78,181)
```

Tetradic Color

#71500f
```
#71500f rgb(113,80,15)
```
#885f12
```
#885f12 rgb(136,95,18)
```
#9e6f15
```
#9e6f15 rgb(158,111,21)
```
#b57f18
```
#b57f18 rgb(181,127,24)
```
#cc8f1b
```
#cc8f1b rgb(204,143,27)
```
#e19e1f
```
#e19e1f rgb(225,158,31)
```
#e4a835
```
#e4a835 rgb(228,168,53)
```

Monochromatic Color

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

#b55818
```
#b55818 rgb(181,88,24)
```
#b56518
```
#b56518 rgb(181,101,24)
```
#b57218
```
#b57218 rgb(181,114,24)
```
#b57f18
```
#b57f18 rgb(181,127,24)
```
#b58c18
```
#b58c18 rgb(181,140,24)
```
#b59918
```
#b59918 rgb(181,153,24)
```
#b5a618
```
#b5a618 rgb(181,166,24)
```

Similar Colors

Text with hexadecimal color #b57f18

This text has a font color of #b57f18.

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

#b57f18 background color

This paragraph has a background color of #b57f18.

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

#b57f18 border color

This element has a border color of #b57f18.

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

CSS codes

.text {color:#b57f18;}

.background {background-color:#b57f18;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#191203
```
#191203 rgb(25,18,3)
```
#2a1e06
```
#2a1e06 rgb(42,30,6)
```
#3c2a08
```
#3c2a08 rgb(60,42,8)
```
#4d360a
```
#4d360a rgb(77,54,10)
```
#5e420d
```
#5e420d rgb(94,66,13)
```
#704e0f
```
#704e0f rgb(112,78,15)
```
#815b11
```
#815b11 rgb(129,91,17)
```
#926713
```
#926713 rgb(146,103,19)
```
#a47316
```
#a47316 rgb(164,115,22)
```
#b57f18
```
#b57f18 rgb(181,127,24)
```
#c68b1a
```
#c68b1a rgb(198,139,26)
```
#d8971d
```
#d8971d rgb(216,151,29)
```

Shade Color Variation

#e2a126
```
#e2a126 rgb(226,161,38)
```
#e4a937
```
#e4a937 rgb(228,169,55)
```
#e7b048
```
#e7b048 rgb(231,176,72)
```
#e9b85a
```
#e9b85a rgb(233,184,90)
```
#ebbf6b
```
#ebbf6b rgb(235,191,107)
```
#eec77c
```
#eec77c rgb(238,199,124)
```
#f0ce8e
```
#f0ce8e rgb(240,206,142)
```
#f2d69f
```
#f2d69f rgb(242,214,159)
```
#f5ddb0
```
#f5ddb0 rgb(245,221,176)
```
#f7e5c2
```
#f7e5c2 rgb(247,229,194)
```
#f9ecd3
```
#f9ecd3 rgb(249,236,211)
```
#fbf3e4
```
#fbf3e4 rgb(251,243,228)
```
#fefbf5
```
#fefbf5 rgb(254,251,245)
```

Tint Color Variation

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

#6e695f
```
#6e695f rgb(110,105,95)
```
#766b57
```
#766b57 rgb(118,107,87)
```
#7e6e4f
```
#7e6e4f rgb(126,110,79)
```
#867047
```
#867047 rgb(134,112,71)
```
#8e733f
```
#8e733f rgb(142,115,63)
```
#957538
```
#957538 rgb(149,117,56)
```
#9d7830
```
#9d7830 rgb(157,120,48)
```
#a57a28
```
#a57a28 rgb(165,122,40)
```
#ad7d20
```
#ad7d20 rgb(173,125,32)
```
#b57f18
```
#b57f18 rgb(181,127,24)
```
#bd8110
```
#bd8110 rgb(189,129,16)
```
#c58408
```
#c58408 rgb(197,132,8)
```
#cd8600
```
#cd8600 rgb(205,134,0)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8d826e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f26 Protanopia 1% of men
#b28822 Deuteranopia 1% of men
#be7d85 Tritanopia 0.001% of the population

Trichromacy

#a78921 Protanomaly 1% of men, 0.01% of women
#b3851e Deuteranomaly 6% of men, 0.4% of women
#bb7d5d Tritanomaly 0.01% of the population

#b57f18 hex color

#b57f18 Color Information

#b57f18 Color Conversion

Color Schemes with #b57f18

Alternatives to #b57f18

#b57f18 Preview

Shades and Tints of #b57f18

Tones of #b57f18

Color Blindness Simulator