#b66c30 hex color

In a RGB color space, hex #b66c30 is composed of 71.4% red, 42.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.7% magenta, 73.6% yellow and 28.6% black. It has a hue angle of 26.9 degrees, a saturation of 58.3% and a lightness of 45.1%. #b66c30 color hex could be obtained by blending #ffd860 with #6d0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 42
- B 19
RGB color chart
- C 0
- M 41
- Y 74
- K 29
CMYK color chart

● #b66c30 color description : Moderate orange.

The hexadecimal color #b66c30 has RGB values of R:182, G:108, B:48 and CMYK values of C:0, M:0.41, Y:0.74, K:0.29. Its decimal value is 11955248.

Hex triplet	b66c30	`#b66c30`
RGB Decimal	182, 108, 48	`rgb(182,108,48)`
RGB Percent	71.4, 42.4, 18.8	`rgb(71.4%,42.4%,18.8%)`
CMYK	0, 41, 74, 29
HSL	26.9°, 58.3, 45.1	`hsl(26.9,58.3%,45.1%)`
HSV (or HSB)	26.9°, 73.6, 71.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.824, 24.506, 44.726
XYZ	25.188, 20.886, 5.501
xyY	0.488, 0.405, 20.886
CIE-LCH	52.824, 50.999, 61.281
CIE-LUV	52.824, 59.051, 42.023
Hunter-Lab	45.701, 18.405, 24.854
Binary	10110110, 01101100, 00110000

#b66c30
```
#b66c30 rgb(182,108,48)
```
#307ab6
```
#307ab6 rgb(48,122,182)
```

Complementary Color

#b63037
```
#b63037 rgb(182,48,55)
```
#b66c30
```
#b66c30 rgb(182,108,48)
```
#b6af30
```
#b6af30 rgb(182,175,48)
```

Analogous Color

#3037b6
```
#3037b6 rgb(48,55,182)
```
#b66c30
```
#b66c30 rgb(182,108,48)
```
#30b6af
```
#30b6af rgb(48,182,175)
```

Split Complementary Color

#6c30b6
```
#6c30b6 rgb(108,48,182)
```
#b66c30
```
#b66c30 rgb(182,108,48)
```
#30b66c
```
#30b66c rgb(48,182,108)
```

Triadic Color

#b6307a
```
#b6307a rgb(182,48,122)
```
#b66c30
```
#b66c30 rgb(182,108,48)
```
#30b66c
```
#30b66c rgb(48,182,108)
```
#307ab6
```
#307ab6 rgb(48,122,182)
```

Tetradic Color

#794820
```
#794820 rgb(121,72,32)
```
#8e5425
```
#8e5425 rgb(142,84,37)
```
#a2602b
```
#a2602b rgb(162,96,43)
```
#b66c30
```
#b66c30 rgb(182,108,48)
```
#ca7836
```
#ca7836 rgb(202,120,54)
```
#cf864a
```
#cf864a rgb(207,134,74)
```
#d5935e
```
#d5935e rgb(213,147,94)
```

Monochromatic Color

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

#b64b30
```
#b64b30 rgb(182,75,48)
```
#b65630
```
#b65630 rgb(182,86,48)
```
#b66130
```
#b66130 rgb(182,97,48)
```
#b66c30
```
#b66c30 rgb(182,108,48)
```
#b67730
```
#b67730 rgb(182,119,48)
```
#b68230
```
#b68230 rgb(182,130,48)
```
#b68e30
```
#b68e30 rgb(182,142,48)
```

Similar Colors

Text with hexadecimal color #b66c30

This text has a font color of #b66c30.

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

#b66c30 background color

This paragraph has a background color of #b66c30.

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

#b66c30 border color

This element has a border color of #b66c30.

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

CSS codes

.text {color:#b66c30;}

.background {background-color:#b66c30;}

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

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

#0b0703
```
#0b0703 rgb(11,7,3)
```
#1b1007
```
#1b1007 rgb(27,16,7)
```
#2a190b
```
#2a190b rgb(42,25,11)
```
#3a220f
```
#3a220f rgb(58,34,15)
```
#492c13
```
#492c13 rgb(73,44,19)
```
#593517
```
#593517 rgb(89,53,23)
```
#683e1c
```
#683e1c rgb(104,62,28)
```
#784720
```
#784720 rgb(120,71,32)
```
#875024
```
#875024 rgb(135,80,36)
```
#975a28
```
#975a28 rgb(151,90,40)
```
#a6632c
```
#a6632c rgb(166,99,44)
```
#b66c30
```
#b66c30 rgb(182,108,48)
```
#c67534
```
#c67534 rgb(198,117,52)
```

Shade Color Variation

#cd7f40
```
#cd7f40 rgb(205,127,64)
```
#d18a50
```
#d18a50 rgb(209,138,80)
```
#d59460
```
#d59460 rgb(213,148,96)
```
#d99f6f
```
#d99f6f rgb(217,159,111)
```
#dda97f
```
#dda97f rgb(221,169,127)
```
#e1b38e
```
#e1b38e rgb(225,179,142)
```
#e5be9e
```
#e5be9e rgb(229,190,158)
```
#e9c8ad
```
#e9c8ad rgb(233,200,173)
```
#eed3bd
```
#eed3bd rgb(238,211,189)
```
#f2ddcc
```
#f2ddcc rgb(242,221,204)
```
#f6e7dc
```
#f6e7dc rgb(246,231,220)
```
#faf2eb
```
#faf2eb rgb(250,242,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#78726e
```
#78726e rgb(120,114,110)
```
#817265
```
#817265 rgb(129,114,101)
```
#8a715c
```
#8a715c rgb(138,113,92)
```
#937053
```
#937053 rgb(147,112,83)
```
#9b6f4b
```
#9b6f4b rgb(155,111,75)
```
#a46e42
```
#a46e42 rgb(164,110,66)
```
#ad6d39
```
#ad6d39 rgb(173,109,57)
```
#b66c30
```
#b66c30 rgb(182,108,48)
```
#bf6b27
```
#bf6b27 rgb(191,107,39)
```
#c86a1e
```
#c86a1e rgb(200,106,30)
```
#d16915
```
#d16915 rgb(209,105,21)
```
#d9680d
```
#d9680d rgb(217,104,13)
```
#e26704
```
#e26704 rgb(226,103,4)
```

Tone Color Variation

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

Dichromacy

#92843f Protanopia 1% of men
#a37e37 Deuteranopia 1% of men
#bd6d74 Tritanopia 0.001% of the population

Trichromacy

#9f7b3a Protanomaly 1% of men, 0.01% of women
#aa7734 Deuteranomaly 6% of men, 0.4% of women
#ba6c5b Tritanomaly 0.01% of the population

#b66c30 hex color

#b66c30 Color Information

#b66c30 Color Conversion

Color Schemes with #b66c30

Alternatives to #b66c30

#b66c30 Preview

Shades and Tints of #b66c30

Tones of #b66c30

Color Blindness Simulator