#b66f1f hex color

In a RGB color space, hex #b66f1f is composed of 71.4% red, 43.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39% magenta, 83% yellow and 28.6% black. It has a hue angle of 31.8 degrees, a saturation of 70.9% and a lightness of 41.8%. #b66f1f color hex could be obtained by blending #ffde3e with #6d0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 44
- B 12
RGB color chart
- C 0
- M 39
- Y 83
- K 29
CMYK color chart

● #b66f1f color description : Strong orange.

The hexadecimal color #b66f1f has RGB values of R:182, G:111, B:31 and CMYK values of C:0, M:0.39, Y:0.83, K:0.29. Its decimal value is 11955999.

Hex triplet	b66f1f	`#b66f1f`
RGB Decimal	182, 111, 31	`rgb(182,111,31)`
RGB Percent	71.4, 43.5, 12.2	`rgb(71.4%,43.5%,12.2%)`
CMYK	0, 39, 83, 29
HSL	31.8°, 70.9, 41.8	`hsl(31.8,70.9%,41.8%)`
HSV (or HSB)	31.8°, 83, 71.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.401, 22.173, 52.613
XYZ	25.224, 21.415, 4.101
xyY	0.497, 0.422, 21.415
CIE-LCH	53.401, 57.094, 67.148
CIE-LUV	53.401, 57.898, 47.83
Hunter-Lab	46.276, 16.312, 27.139
Binary	10110110, 01101111, 00011111

#b66f1f
```
#b66f1f rgb(182,111,31)
```
#1f66b6
```
#1f66b6 rgb(31,102,182)
```

Complementary Color

#b6241f
```
#b6241f rgb(182,36,31)
```
#b66f1f
```
#b66f1f rgb(182,111,31)
```
#b2b61f
```
#b2b61f rgb(178,182,31)
```

Analogous Color

#241fb6
```
#241fb6 rgb(36,31,182)
```
#b66f1f
```
#b66f1f rgb(182,111,31)
```
#1fb2b6
```
#1fb2b6 rgb(31,178,182)
```

Split Complementary Color

#6f1fb6
```
#6f1fb6 rgb(111,31,182)
```
#b66f1f
```
#b66f1f rgb(182,111,31)
```
#1fb66f
```
#1fb66f rgb(31,182,111)
```

Triadic Color

#b61f66
```
#b61f66 rgb(182,31,102)
```
#b66f1f
```
#b66f1f rgb(182,111,31)
```
#1fb66f
```
#1fb66f rgb(31,182,111)
```
#1f66b6
```
#1f66b6 rgb(31,102,182)
```

Tetradic Color

#754714
```
#754714 rgb(117,71,20)
```
#8a5418
```
#8a5418 rgb(138,84,24)
```
#a0621b
```
#a0621b rgb(160,98,27)
```
#b66f1f
```
#b66f1f rgb(182,111,31)
```
#cc7c23
```
#cc7c23 rgb(204,124,35)
```
#db892d
```
#db892d rgb(219,137,45)
```
#df9543
```
#df9543 rgb(223,149,67)
```

Monochromatic Color

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

#b6491f
```
#b6491f rgb(182,73,31)
```
#b6561f
```
#b6561f rgb(182,86,31)
```
#b6621f
```
#b6621f rgb(182,98,31)
```
#b66f1f
```
#b66f1f rgb(182,111,31)
```
#b67c1f
```
#b67c1f rgb(182,124,31)
```
#b6881f
```
#b6881f rgb(182,136,31)
```
#b6951f
```
#b6951f rgb(182,149,31)
```

Similar Colors

Text with hexadecimal color #b66f1f

This text has a font color of #b66f1f.

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

#b66f1f background color

This paragraph has a background color of #b66f1f.

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

#b66f1f border color

This element has a border color of #b66f1f.

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

CSS codes

.text {color:#b66f1f;}

.background {background-color:#b66f1f;}

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

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

#0e0902
```
#0e0902 rgb(14,9,2)
```
#1f1305
```
#1f1305 rgb(31,19,5)
```
#301d08
```
#301d08 rgb(48,29,8)
```
#41270b
```
#41270b rgb(65,39,11)
```
#51320e
```
#51320e rgb(81,50,14)
```
#623c11
```
#623c11 rgb(98,60,17)
```
#734614
```
#734614 rgb(115,70,20)
```
#845016
```
#845016 rgb(132,80,22)
```
#945b19
```
#945b19 rgb(148,91,25)
```
#a5651c
```
#a5651c rgb(165,101,28)
```
#b66f1f
```
#b66f1f rgb(182,111,31)
```
#c77922
```
#c77922 rgb(199,121,34)
```
#d88325
```
#d88325 rgb(216,131,37)
```

Shade Color Variation

#dc8d34
```
#dc8d34 rgb(220,141,52)
```
#df9644
```
#df9644 rgb(223,150,68)
```
#e2a055
```
#e2a055 rgb(226,160,85)
```
#e5a966
```
#e5a966 rgb(229,169,102)
```
#e8b377
```
#e8b377 rgb(232,179,119)
```
#ebbc87
```
#ebbc87 rgb(235,188,135)
```
#edc598
```
#edc598 rgb(237,197,152)
```
#f0cfa9
```
#f0cfa9 rgb(240,207,169)
```
#f3d8ba
```
#f3d8ba rgb(243,216,186)
```
#f6e1ca
```
#f6e1ca rgb(246,225,202)
```
#f9ebdb
```
#f9ebdb rgb(249,235,219)
```
#fcf4ec
```
#fcf4ec rgb(252,244,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#6c6b69
```
#6c6b69 rgb(108,107,105)
```
#746b61
```
#746b61 rgb(116,107,97)
```
#7d6c58
```
#7d6c58 rgb(125,108,88)
```
#856c50
```
#856c50 rgb(133,108,80)
```
#8d6d48
```
#8d6d48 rgb(141,109,72)
```
#956d40
```
#956d40 rgb(149,109,64)
```
#9d6e38
```
#9d6e38 rgb(157,110,56)
```
#a66e2f
```
#a66e2f rgb(166,110,47)
```
#ae6f27
```
#ae6f27 rgb(174,111,39)
```
#b66f1f
```
#b66f1f rgb(182,111,31)
```
#be6f17
```
#be6f17 rgb(190,111,23)
```
#c6700f
```
#c6700f rgb(198,112,15)
```
#cf7006
```
#cf7006 rgb(207,112,6)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#877969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95862e Protanopia 1% of men
#a77f26 Deuteranopia 1% of men
#bd6f76 Tritanopia 0.001% of the population

Trichromacy

#a17d29 Protanomaly 1% of men, 0.01% of women
#ac7923 Deuteranomaly 6% of men, 0.4% of women
#bb6f56 Tritanomaly 0.01% of the population

#b66f1f hex color

#b66f1f Color Information

#b66f1f Color Conversion

Color Schemes with #b66f1f

Alternatives to #b66f1f

#b66f1f Preview

Shades and Tints of #b66f1f

Tones of #b66f1f

Color Blindness Simulator