colorhexa.com

#bc641f hex color

In a RGB color space, hex #bc641f is composed of 73.7% red, 39.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.8% magenta, 83.5% yellow and 26.3% black. It has a hue angle of 26.4 degrees, a saturation of 71.7% and a lightness of 42.9%. #bc641f color hex could be obtained by blending #ffc83e with #790000. Closest websafe color is: #cc6633.

- R 74
- G 39
- B 12
RGB color chart
- C 0
- M 47
- Y 84
- K 26
CMYK color chart

● #bc641f color description : Strong orange.

The hexadecimal color #bc641f has RGB values of R:188, G:100, B:31 and CMYK values of C:0, M:0.47, Y:0.84, K:0.26. Its decimal value is 12346399.

Hex triplet	bc641f	`#bc641f`
RGB Decimal	188, 100, 31	`rgb(188,100,31)`
RGB Percent	73.7, 39.2, 12.2	`rgb(73.7%,39.2%,12.2%)`
CMYK	0, 47, 84, 26
HSL	26.4°, 71.7, 42.9	`hsl(26.4,71.7%,42.9%)`
HSV (or HSB)	26.4°, 83.5, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.732, 30.721, 51.458
XYZ	25.544, 19.907, 3.793
xyY	0.519, 0.404, 19.907
CIE-LCH	51.732, 59.93, 59.162
CIE-LUV	51.732, 71.749, 44.14
Hunter-Lab	44.617, 24.116, 26.191
Binary	10111100, 01100100, 00011111

#bc641f
```
#bc641f rgb(188,100,31)
```
#1f77bc
```
#1f77bc rgb(31,119,188)
```

Complementary Color

#bc1f28
```
#bc1f28 rgb(188,31,40)
```
#bc641f
```
#bc641f rgb(188,100,31)
```
#bcb31f
```
#bcb31f rgb(188,179,31)
```

Analogous Color

#1f28bc
```
#1f28bc rgb(31,40,188)
```
#bc641f
```
#bc641f rgb(188,100,31)
```
#1fbcb3
```
#1fbcb3 rgb(31,188,179)
```

Split Complementary Color

#641fbc
```
#641fbc rgb(100,31,188)
```
#bc641f
```
#bc641f rgb(188,100,31)
```
#1fbc64
```
#1fbc64 rgb(31,188,100)
```

Triadic Color

#bc1f77
```
#bc1f77 rgb(188,31,119)
```
#bc641f
```
#bc641f rgb(188,100,31)
```
#1fbc64
```
#1fbc64 rgb(31,188,100)
```
#1f77bc
```
#1f77bc rgb(31,119,188)
```

Tetradic Color

#7a4114
```
#7a4114 rgb(122,65,20)
```
#904d18
```
#904d18 rgb(144,77,24)
```
#a6581b
```
#a6581b rgb(166,88,27)
```
#bc641f
```
#bc641f rgb(188,100,31)
```
#d27023
```
#d27023 rgb(210,112,35)
```
#dd7d31
```
#dd7d31 rgb(221,125,49)
```
#e18a47
```
#e18a47 rgb(225,138,71)
```

Monochromatic Color

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

#bc3d1f
```
#bc3d1f rgb(188,61,31)
```
#bc4a1f
```
#bc4a1f rgb(188,74,31)
```
#bc571f
```
#bc571f rgb(188,87,31)
```
#bc641f
```
#bc641f rgb(188,100,31)
```
#bc711f
```
#bc711f rgb(188,113,31)
```
#bc7e1f
```
#bc7e1f rgb(188,126,31)
```
#bc8b1f
```
#bc8b1f rgb(188,139,31)
```

Similar Colors

Text with hexadecimal color #bc641f

This text has a font color of #bc641f.

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

#bc641f background color

This paragraph has a background color of #bc641f.

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

#bc641f border color

This element has a border color of #bc641f.

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

CSS codes

.text {color:#bc641f;}

.background {background-color:#bc641f;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#140a03
```
#140a03 rgb(20,10,3)
```
#241306
```
#241306 rgb(36,19,6)
```
#351c09
```
#351c09 rgb(53,28,9)
```
#46250c
```
#46250c rgb(70,37,12)
```
#572e0e
```
#572e0e rgb(87,46,14)
```
#683711
```
#683711 rgb(104,55,17)
```
#794014
```
#794014 rgb(121,64,20)
```
#894917
```
#894917 rgb(137,73,23)
```
#9a5219
```
#9a5219 rgb(154,82,25)
```
#ab5b1c
```
#ab5b1c rgb(171,91,28)
```
#bc641f
```
#bc641f rgb(188,100,31)
```
#cd6d22
```
#cd6d22 rgb(205,109,34)
```

Shade Color Variation

#db7627
```
#db7627 rgb(219,118,39)
```
#de8138
```
#de8138 rgb(222,129,56)
```
#e18c49
```
#e18c49 rgb(225,140,73)
```
#e49659
```
#e49659 rgb(228,150,89)
```
#e6a16a
```
#e6a16a rgb(230,161,106)
```
#e9ab7b
```
#e9ab7b rgb(233,171,123)
```
#ecb68c
```
#ecb68c rgb(236,182,140)
```
#efc19d
```
#efc19d rgb(239,193,157)
```
#f2cbae
```
#f2cbae rgb(242,203,174)
```
#f4d6be
```
#f4d6be rgb(244,214,190)
```
#f7e1cf
```
#f7e1cf rgb(247,225,207)
```
#faebe0
```
#faebe0 rgb(250,235,224)
```
#fdf6f1
```
#fdf6f1 rgb(253,246,241)
```

Tint Color Variation

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

#706d6b
```
#706d6b rgb(112,109,107)
```
#796c62
```
#796c62 rgb(121,108,98)
```
#816b5a
```
#816b5a rgb(129,107,90)
```
#896a52
```
#896a52 rgb(137,106,82)
```
#926949
```
#926949 rgb(146,105,73)
```
#9a6841
```
#9a6841 rgb(154,104,65)
```
#a36738
```
#a36738 rgb(163,103,56)
```
#ab6630
```
#ab6630 rgb(171,102,48)
```
#b46527
```
#b46527 rgb(180,101,39)
```
#bc641f
```
#bc641f rgb(188,100,31)
```
#c46317
```
#c46317 rgb(196,99,23)
```
#cd620e
```
#cd620e rgb(205,98,14)
```
#d56106
```
#d56106 rgb(213,97,6)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#847265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908230 Protanopia 1% of men
#a27b23 Deuteranopia 1% of men
#c2656c Tritanopia 0.001% of the population

Trichromacy

#a0772a Protanomaly 1% of men, 0.01% of women
#ab7321 Deuteranomaly 6% of men, 0.4% of women
#c06550 Tritanomaly 0.01% of the population