#bc5a2f hex color

In a RGB color space, hex #bc5a2f is composed of 73.7% red, 35.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.1% magenta, 75% yellow and 26.3% black. It has a hue angle of 18.3 degrees, a saturation of 60% and a lightness of 46.1%. #bc5a2f color hex could be obtained by blending #ffb45e with #790000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 35
- B 18
RGB color chart
- C 0
- M 52
- Y 75
- K 26
CMYK color chart

● #bc5a2f color description : Strong orange.

The hexadecimal color #bc5a2f has RGB values of R:188, G:90, B:47 and CMYK values of C:0, M:0.52, Y:0.75, K:0.26. Its decimal value is 12343855.

Hex triplet	bc5a2f	`#bc5a2f`
RGB Decimal	188, 90, 47	`rgb(188,90,47)`
RGB Percent	73.7, 35.3, 18.4	`rgb(73.7%,35.3%,18.4%)`
CMYK	0, 52, 75, 26
HSL	18.3°, 60, 46.1	`hsl(18.3,60%,46.1%)`
HSV (or HSB)	18.3°, 75, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.751, 36.56, 42.261
XYZ	24.909, 18.211, 4.893
xyY	0.519, 0.379, 18.211
CIE-LCH	49.751, 55.88, 49.137
CIE-LUV	49.751, 78.089, 36.037
Hunter-Lab	42.675, 29.51, 23.075
Binary	10111100, 01011010, 00101111

#bc5a2f
```
#bc5a2f rgb(188,90,47)
```
#2f91bc
```
#2f91bc rgb(47,145,188)
```

Complementary Color

#bc2f4a
```
#bc2f4a rgb(188,47,74)
```
#bc5a2f
```
#bc5a2f rgb(188,90,47)
```
#bca12f
```
#bca12f rgb(188,161,47)
```

Analogous Color

#2f4bbc
```
#2f4bbc rgb(47,75,188)
```
#bc5a2f
```
#bc5a2f rgb(188,90,47)
```
#2fbca1
```
#2fbca1 rgb(47,188,161)
```

Split Complementary Color

#5a2fbc
```
#5a2fbc rgb(90,47,188)
```
#bc5a2f
```
#bc5a2f rgb(188,90,47)
```
#2fbc5a
```
#2fbc5a rgb(47,188,90)
```

Triadic Color

#bc2f91
```
#bc2f91 rgb(188,47,145)
```
#bc5a2f
```
#bc5a2f rgb(188,90,47)
```
#2fbc5a
```
#2fbc5a rgb(47,188,90)
```
#2f91bc
```
#2f91bc rgb(47,145,188)
```

Tetradic Color

#7f3d20
```
#7f3d20 rgb(127,61,32)
```
#934625
```
#934625 rgb(147,70,37)
```
#a8502a
```
#a8502a rgb(168,80,42)
```
#bc5a2f
```
#bc5a2f rgb(188,90,47)
```
#cd6537
```
#cd6537 rgb(205,101,55)
```
#d2754c
```
#d2754c rgb(210,117,76)
```
#d78560
```
#d78560 rgb(215,133,96)
```

Monochromatic Color

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

#bc372f
```
#bc372f rgb(188,55,47)
```
#bc432f
```
#bc432f rgb(188,67,47)
```
#bc4e2f
```
#bc4e2f rgb(188,78,47)
```
#bc5a2f
```
#bc5a2f rgb(188,90,47)
```
#bc662f
```
#bc662f rgb(188,102,47)
```
#bc722f
```
#bc722f rgb(188,114,47)
```
#bc7d2f
```
#bc7d2f rgb(188,125,47)
```

Similar Colors

Text with hexadecimal color #bc5a2f

This text has a font color of #bc5a2f.

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

#bc5a2f background color

This paragraph has a background color of #bc5a2f.

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

#bc5a2f border color

This element has a border color of #bc5a2f.

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

CSS codes

.text {color:#bc5a2f;}

.background {background-color:#bc5a2f;}

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

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

#0f0704
```
#0f0704 rgb(15,7,4)
```
#1f0f08
```
#1f0f08 rgb(31,15,8)
```
#2f160c
```
#2f160c rgb(47,22,12)
```
#3e1e10
```
#3e1e10 rgb(62,30,16)
```
#4e2514
```
#4e2514 rgb(78,37,20)
```
#5e2d17
```
#5e2d17 rgb(94,45,23)
```
#6e341b
```
#6e341b rgb(110,52,27)
```
#7d3c1f
```
#7d3c1f rgb(125,60,31)
```
#8d4323
```
#8d4323 rgb(141,67,35)
```
#9d4b27
```
#9d4b27 rgb(157,75,39)
```
#ac522b
```
#ac522b rgb(172,82,43)
```
#bc5a2f
```
#bc5a2f rgb(188,90,47)
```
#cc6233
```
#cc6233 rgb(204,98,51)
```

Shade Color Variation

#d06e42
```
#d06e42 rgb(208,110,66)
```
#d47a52
```
#d47a52 rgb(212,122,82)
```
#d88662
```
#d88662 rgb(216,134,98)
```
#dc9271
```
#dc9271 rgb(220,146,113)
```
#e09e81
```
#e09e81 rgb(224,158,129)
```
#e3aa91
```
#e3aa91 rgb(227,170,145)
```
#e7b6a1
```
#e7b6a1 rgb(231,182,161)
```
#ebc2b0
```
#ebc2b0 rgb(235,194,176)
```
#efcec0
```
#efcec0 rgb(239,206,192)
```
#f3dad0
```
#f3dad0 rgb(243,218,208)
```
#f7e7df
```
#f7e7df rgb(247,231,223)
```
#fbf3ef
```
#fbf3ef rgb(251,243,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d736e
```
#7d736e rgb(125,115,110)
```
#866f65
```
#866f65 rgb(134,111,101)
```
#8f6c5c
```
#8f6c5c rgb(143,108,92)
```
#986853
```
#986853 rgb(152,104,83)
```
#a1654a
```
#a1654a rgb(161,101,74)
```
#aa6141
```
#aa6141 rgb(170,97,65)
```
#b35e38
```
#b35e38 rgb(179,94,56)
```
#bc5a2f
```
#bc5a2f rgb(188,90,47)
```
#c55626
```
#c55626 rgb(197,86,38)
```
#ce531d
```
#ce531d rgb(206,83,29)
```
#d74f14
```
#d74f14 rgb(215,79,20)
```
#e04c0b
```
#e04c0b rgb(224,76,11)
```
#e94802
```
#e94802 rgb(233,72,2)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#816d65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7d41 Protanopia 1% of men
#9a7733 Deuteranopia 1% of men
#c15d63 Tritanopia 0.001% of the population

Trichromacy

#9c703a Protanomaly 1% of men, 0.01% of women
#a66c31 Deuteranomaly 6% of men, 0.4% of women
#bf5c50 Tritanomaly 0.01% of the population

#bc5a2f hex color

#bc5a2f Color Information

#bc5a2f Color Conversion

Color Schemes with #bc5a2f

Alternatives to #bc5a2f

#bc5a2f Preview

Shades and Tints of #bc5a2f

Tones of #bc5a2f

Color Blindness Simulator