#b77f18 hex color

In a RGB color space, hex #b77f18 is composed of 71.8% red, 49.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 86.9% yellow and 28.2% black. It has a hue angle of 38.9 degrees, a saturation of 76.8% and a lightness of 40.6%. #b77f18 color hex could be obtained by blending #fffe30 with #6f0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 72
- G 50
- B 9
RGB color chart
- C 0
- M 31
- Y 87
- K 28
CMYK color chart

● #b77f18 color description : Strong orange.

The hexadecimal color #b77f18 has RGB values of R:183, G:127, B:24 and CMYK values of C:0, M:0.31, Y:0.87, K:0.28. Its decimal value is 12025624.

Hex triplet	b77f18	`#b77f18`
RGB Decimal	183, 127, 24	`rgb(183,127,24)`
RGB Percent	71.8, 49.8, 9.4	`rgb(71.8%,49.8%,9.4%)`
CMYK	0, 31, 87, 28
HSL	38.9°, 76.8, 40.6	`hsl(38.9,76.8%,40.6%)`
HSV (or HSB)	38.9°, 86.9, 71.8
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.38, 13.537, 58.339
XYZ	27.283, 25.314, 4.313
xyY	0.479, 0.445, 25.314
CIE-LCH	57.38, 59.889, 76.936
CIE-LUV	57.38, 46.282, 55.343
Hunter-Lab	50.313, 8.749, 30.136
Binary	10110111, 01111111, 00011000

#b77f18
```
#b77f18 rgb(183,127,24)
```
#1850b7
```
#1850b7 rgb(24,80,183)
```

Complementary Color

#b73018
```
#b73018 rgb(183,48,24)
```
#b77f18
```
#b77f18 rgb(183,127,24)
```
#a0b718
```
#a0b718 rgb(160,183,24)
```

Analogous Color

#3018b7
```
#3018b7 rgb(48,24,183)
```
#b77f18
```
#b77f18 rgb(183,127,24)
```
#18a0b7
```
#18a0b7 rgb(24,160,183)
```

Split Complementary Color

#7f18b7
```
#7f18b7 rgb(127,24,183)
```
#b77f18
```
#b77f18 rgb(183,127,24)
```
#18b77f
```
#18b77f rgb(24,183,127)
```

Triadic Color

#b71850
```
#b71850 rgb(183,24,80)
```
#b77f18
```
#b77f18 rgb(183,127,24)
```
#18b77f
```
#18b77f rgb(24,183,127)
```
#1850b7
```
#1850b7 rgb(24,80,183)
```

Tetradic Color

#73500f
```
#73500f rgb(115,80,15)
```
#8a6012
```
#8a6012 rgb(138,96,18)
```
#a06f15
```
#a06f15 rgb(160,111,21)
```
#b77f18
```
#b77f18 rgb(183,127,24)
```
#ce8f1b
```
#ce8f1b rgb(206,143,27)
```
#e29e20
```
#e29e20 rgb(226,158,32)
```
#e5a737
```
#e5a737 rgb(229,167,55)
```

Monochromatic Color

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

#b75718
```
#b75718 rgb(183,87,24)
```
#b76518
```
#b76518 rgb(183,101,24)
```
#b77218
```
#b77218 rgb(183,114,24)
```
#b77f18
```
#b77f18 rgb(183,127,24)
```
#b78c18
```
#b78c18 rgb(183,140,24)
```
#b79a18
```
#b79a18 rgb(183,154,24)
```
#b7a718
```
#b7a718 rgb(183,167,24)
```

Similar Colors

Text with hexadecimal color #b77f18

This text has a font color of #b77f18.

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

#b77f18 background color

This paragraph has a background color of #b77f18.

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

#b77f18 border color

This element has a border color of #b77f18.

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

CSS codes

.text {color:#b77f18;}

.background {background-color:#b77f18;}

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

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, #0a0701 is the darkest color, while #fefcf7 is the lightest one.

#0a0701
```
#0a0701 rgb(10,7,1)
```
#1b1304
```
#1b1304 rgb(27,19,4)
```
#2c1f06
```
#2c1f06 rgb(44,31,6)
```
#3e2b08
```
#3e2b08 rgb(62,43,8)
```
#4f370a
```
#4f370a rgb(79,55,10)
```
#60430d
```
#60430d rgb(96,67,13)
```
#724f0f
```
#724f0f rgb(114,79,15)
```
#835b11
```
#835b11 rgb(131,91,17)
```
#946713
```
#946713 rgb(148,103,19)
```
#a67316
```
#a67316 rgb(166,115,22)
```
#b77f18
```
#b77f18 rgb(183,127,24)
```
#c88b1a
```
#c88b1a rgb(200,139,26)
```
#da971d
```
#da971d rgb(218,151,29)
```

Shade Color Variation

#e3a127
```
#e3a127 rgb(227,161,39)
```
#e5a838
```
#e5a838 rgb(229,168,56)
```
#e7b04a
```
#e7b04a rgb(231,176,74)
```
#eab75b
```
#eab75b rgb(234,183,91)
```
#ecbf6d
```
#ecbf6d rgb(236,191,109)
```
#eec77e
```
#eec77e rgb(238,199,126)
```
#f0ce8f
```
#f0ce8f rgb(240,206,143)
```
#f3d6a1
```
#f3d6a1 rgb(243,214,161)
```
#f5ddb2
```
#f5ddb2 rgb(245,221,178)
```
#f7e5c3
```
#f7e5c3 rgb(247,229,195)
```
#f9ecd5
```
#f9ecd5 rgb(249,236,213)
```
#fcf4e6
```
#fcf4e6 rgb(252,244,230)
```
#fefcf7
```
#fefcf7 rgb(254,252,247)
```

Tint Color Variation

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

#6f6a60
```
#6f6a60 rgb(111,106,96)
```
#776c58
```
#776c58 rgb(119,108,88)
```
#7f6f50
```
#7f6f50 rgb(127,111,80)
```
#877148
```
#877148 rgb(135,113,72)
```
#8f7340
```
#8f7340 rgb(143,115,64)
```
#977638
```
#977638 rgb(151,118,56)
```
#9f7830
```
#9f7830 rgb(159,120,48)
```
#a77a28
```
#a77a28 rgb(167,122,40)
```
#af7d20
```
#af7d20 rgb(175,125,32)
```
#b77f18
```
#b77f18 rgb(183,127,24)
```
#bf8110
```
#bf8110 rgb(191,129,16)
```
#c78408
```
#c78408 rgb(199,132,8)
```
#cf8600
```
#cf8600 rgb(207,134,0)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8e836e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09026 Protanopia 1% of men
#b38921 Deuteranopia 1% of men
#c07d85 Tritanopia 0.001% of the population

Trichromacy

#a88921 Protanomaly 1% of men, 0.01% of women
#b4851e Deuteranomaly 6% of men, 0.4% of women
#bd7d5d Tritanomaly 0.01% of the population

#b77f18 hex color

#b77f18 Color Information

#b77f18 Color Conversion

Color Schemes with #b77f18

Alternatives to #b77f18

#b77f18 Preview

Shades and Tints of #b77f18

Tones of #b77f18

Color Blindness Simulator