#bc662d hex color

In a RGB color space, hex #bc662d is composed of 73.7% red, 40% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 76.1% yellow and 26.3% black. It has a hue angle of 23.9 degrees, a saturation of 61.4% and a lightness of 45.7%. #bc662d color hex could be obtained by blending #ffcc5a with #790000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 40
- B 18
RGB color chart
- C 0
- M 46
- Y 76
- K 26
CMYK color chart

● #bc662d color description : Strong orange.

The hexadecimal color #bc662d has RGB values of R:188, G:102, B:45 and CMYK values of C:0, M:0.46, Y:0.76, K:0.26. Its decimal value is 12346925.

Hex triplet	bc662d	`#bc662d`
RGB Decimal	188, 102, 45	`rgb(188,102,45)`
RGB Percent	73.7, 40, 17.6	`rgb(73.7%,40%,17.6%)`
CMYK	0, 46, 76, 26
HSL	23.9°, 61.4, 45.7	`hsl(23.9,61.4%,45.7%)`
HSV (or HSB)	23.9°, 76.1, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.271, 30.159, 45.85
XYZ	25.965, 20.386, 5.05
xyY	0.505, 0.397, 20.386
CIE-LCH	52.271, 54.88, 56.664
CIE-LUV	52.271, 69.007, 41.146
Hunter-Lab	45.151, 23.637, 24.974
Binary	10111100, 01100110, 00101101

#bc662d
```
#bc662d rgb(188,102,45)
```
#2d83bc
```
#2d83bc rgb(45,131,188)
```

Complementary Color

#bc2d3c
```
#bc2d3c rgb(188,45,60)
```
#bc662d
```
#bc662d rgb(188,102,45)
```
#bcae2d
```
#bcae2d rgb(188,174,45)
```

Analogous Color

#2d3cbc
```
#2d3cbc rgb(45,60,188)
```
#bc662d
```
#bc662d rgb(188,102,45)
```
#2dbcae
```
#2dbcae rgb(45,188,174)
```

Split Complementary Color

#662dbc
```
#662dbc rgb(102,45,188)
```
#bc662d
```
#bc662d rgb(188,102,45)
```
#2dbc66
```
#2dbc66 rgb(45,188,102)
```

Triadic Color

#bc2d83
```
#bc2d83 rgb(188,45,131)
```
#bc662d
```
#bc662d rgb(188,102,45)
```
#2dbc66
```
#2dbc66 rgb(45,188,102)
```
#2d83bc
```
#2d83bc rgb(45,131,188)
```

Tetradic Color

#7e451e
```
#7e451e rgb(126,69,30)
```
#935023
```
#935023 rgb(147,80,35)
```
#a75b28
```
#a75b28 rgb(167,91,40)
```
#bc662d
```
#bc662d rgb(188,102,45)
```
#ce7234
```
#ce7234 rgb(206,114,52)
```
#d38049
```
#d38049 rgb(211,128,73)
```
#d88e5d
```
#d88e5d rgb(216,142,93)
```

Monochromatic Color

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

#bc422d
```
#bc422d rgb(188,66,45)
```
#bc4e2d
```
#bc4e2d rgb(188,78,45)
```
#bc5a2d
```
#bc5a2d rgb(188,90,45)
```
#bc662d
```
#bc662d rgb(188,102,45)
```
#bc722d
```
#bc722d rgb(188,114,45)
```
#bc7e2d
```
#bc7e2d rgb(188,126,45)
```
#bc8a2d
```
#bc8a2d rgb(188,138,45)
```

Similar Colors

Text with hexadecimal color #bc662d

This text has a font color of #bc662d.

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

#bc662d background color

This paragraph has a background color of #bc662d.

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

#bc662d border color

This element has a border color of #bc662d.

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

CSS codes

.text {color:#bc662d;}

.background {background-color:#bc662d;}

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

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

#0e0803
```
#0e0803 rgb(14,8,3)
```
#1e1007
```
#1e1007 rgb(30,16,7)
```
#2e190b
```
#2e190b rgb(46,25,11)
```
#3d210f
```
#3d210f rgb(61,33,15)
```
#4d2a12
```
#4d2a12 rgb(77,42,18)
```
#5d3216
```
#5d3216 rgb(93,50,22)
```
#6d3b1a
```
#6d3b1a rgb(109,59,26)
```
#7d441e
```
#7d441e rgb(125,68,30)
```
#8d4c22
```
#8d4c22 rgb(141,76,34)
```
#9c5525
```
#9c5525 rgb(156,85,37)
```
#ac5d29
```
#ac5d29 rgb(172,93,41)
```
#bc662d
```
#bc662d rgb(188,102,45)
```
#cc6f31
```
#cc6f31 rgb(204,111,49)
```

Shade Color Variation

#d1793f
```
#d1793f rgb(209,121,63)
```
#d5844f
```
#d5844f rgb(213,132,79)
```
#d98f5f
```
#d98f5f rgb(217,143,95)
```
#dc9a6f
```
#dc9a6f rgb(220,154,111)
```
#e0a57e
```
#e0a57e rgb(224,165,126)
```
#e4b08e
```
#e4b08e rgb(228,176,142)
```
#e8bb9e
```
#e8bb9e rgb(232,187,158)
```
#ecc7ae
```
#ecc7ae rgb(236,199,174)
```
#efd2be
```
#efd2be rgb(239,210,190)
```
#f3ddce
```
#f3ddce rgb(243,221,206)
```
#f7e8dd
```
#f7e8dd rgb(247,232,221)
```
#fbf3ed
```
#fbf3ed rgb(251,243,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7d736c
```
#7d736c rgb(125,115,108)
```
#867163
```
#867163 rgb(134,113,99)
```
#8f6f5a
```
#8f6f5a rgb(143,111,90)
```
#986d51
```
#986d51 rgb(152,109,81)
```
#a16b48
```
#a16b48 rgb(161,107,72)
```
#aa6a3f
```
#aa6a3f rgb(170,106,63)
```
#b36836
```
#b36836 rgb(179,104,54)
```
#bc662d
```
#bc662d rgb(188,102,45)
```
#c56424
```
#c56424 rgb(197,100,36)
```
#ce621b
```
#ce621b rgb(206,98,27)
```
#d76112
```
#d76112 rgb(215,97,18)
```
#e05f09
```
#e05f09 rgb(224,95,9)
```
#e95d00
```
#e95d00 rgb(233,93,0)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#86756a Atypical Achromatopsia 0.001% of the population

Dichromacy

#91833e Protanopia 1% of men
#a27d32 Deuteranopia 1% of men
#c2686e Tritanopia 0.001% of the population

Trichromacy

#a07837 Protanomaly 1% of men, 0.01% of women
#ab7430 Deuteranomaly 6% of men, 0.4% of women
#c06756 Tritanomaly 0.01% of the population

#bc662d hex color

#bc662d Color Information

#bc662d Color Conversion

Color Schemes with #bc662d

Alternatives to #bc662d

#bc662d Preview

Shades and Tints of #bc662d

Tones of #bc662d

Color Blindness Simulator