#bc674c hex color

In a RGB color space, hex #bc674c is composed of 73.7% red, 40.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.2% magenta, 59.6% yellow and 26.3% black. It has a hue angle of 14.5 degrees, a saturation of 45.5% and a lightness of 51.8%. #bc674c color hex could be obtained by blending #ffce98 with #790000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 40
- B 30
RGB color chart
- C 0
- M 45
- Y 60
- K 26
CMYK color chart

● #bc674c color description : Moderate red.

The hexadecimal color #bc674c has RGB values of R:188, G:103, B:76 and CMYK values of C:0, M:0.45, Y:0.6, K:0.26. Its decimal value is 12347212.

Hex triplet	bc674c	`#bc674c`
RGB Decimal	188, 103, 76	`rgb(188,103,76)`
RGB Percent	73.7, 40.4, 29.8	`rgb(73.7%,40.4%,29.8%)`
CMYK	0, 45, 60, 26
HSL	14.5°, 45.5, 51.8	`hsl(14.5,45.5%,51.8%)`
HSV (or HSB)	14.5°, 59.6, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.857, 31.457, 30.145
XYZ	26.894, 20.916, 9.458
xyY	0.47, 0.365, 20.916
CIE-LCH	52.857, 43.569, 43.78
CIE-LUV	52.857, 64.382, 28.721
Hunter-Lab	45.734, 24.935, 19.752
Binary	10111100, 01100111, 01001100

#bc674c
```
#bc674c rgb(188,103,76)
```
#4ca1bc
```
#4ca1bc rgb(76,161,188)
```

Complementary Color

#bc4c69
```
#bc4c69 rgb(188,76,105)
```
#bc674c
```
#bc674c rgb(188,103,76)
```
#bc9f4c
```
#bc9f4c rgb(188,159,76)
```

Analogous Color

#4c69bc
```
#4c69bc rgb(76,105,188)
```
#bc674c
```
#bc674c rgb(188,103,76)
```
#4cbc9f
```
#4cbc9f rgb(76,188,159)
```

Split Complementary Color

#674cbc
```
#674cbc rgb(103,76,188)
```
#bc674c
```
#bc674c rgb(188,103,76)
```
#4cbc67
```
#4cbc67 rgb(76,188,103)
```

Triadic Color

#bc4ca1
```
#bc4ca1 rgb(188,76,161)
```
#bc674c
```
#bc674c rgb(188,103,76)
```
#4cbc67
```
#4cbc67 rgb(76,188,103)
```
#4ca1bc
```
#4ca1bc rgb(76,161,188)
```

Tetradic Color

#884833
```
#884833 rgb(136,72,51)
```
#9b513a
```
#9b513a rgb(155,81,58)
```
#ae5b41
```
#ae5b41 rgb(174,91,65)
```
#bc674c
```
#bc674c rgb(188,103,76)
```
#c3775f
```
#c3775f rgb(195,119,95)
```
#ca8771
```
#ca8771 rgb(202,135,113)
```
#d19684
```
#d19684 rgb(209,150,132)
```

Monochromatic Color

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

#bc4c4d
```
#bc4c4d rgb(188,76,77)
```
#bc544c
```
#bc544c rgb(188,84,76)
```
#bc5e4c
```
#bc5e4c rgb(188,94,76)
```
#bc674c
```
#bc674c rgb(188,103,76)
```
#bc704c
```
#bc704c rgb(188,112,76)
```
#bc7a4c
```
#bc7a4c rgb(188,122,76)
```
#bc834c
```
#bc834c rgb(188,131,76)
```

Similar Colors

Text with hexadecimal color #bc674c

This text has a font color of #bc674c.

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

#bc674c background color

This paragraph has a background color of #bc674c.

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

#bc674c border color

This element has a border color of #bc674c.

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

CSS codes

.text {color:#bc674c;}

.background {background-color:#bc674c;}

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

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

#070302
```
#070302 rgb(7,3,2)
```
#150b08
```
#150b08 rgb(21,11,8)
```
#23120d
```
#23120d rgb(35,18,13)
```
#311a12
```
#311a12 rgb(49,26,18)
```
#402118
```
#402118 rgb(64,33,24)
```
#4e291d
```
#4e291d rgb(78,41,29)
```
#5c3023
```
#5c3023 rgb(92,48,35)
```
#6a3828
```
#6a3828 rgb(106,56,40)
```
#793f2d
```
#793f2d rgb(121,63,45)
```
#874733
```
#874733 rgb(135,71,51)
```
#954e38
```
#954e38 rgb(149,78,56)
```
#a4563d
```
#a4563d rgb(164,86,61)
```
#b25d43
```
#b25d43 rgb(178,93,67)
```

Shade Color Variation

#bc674c
```
#bc674c rgb(188,103,76)
```
#c1735a
```
#c1735a rgb(193,115,90)
```
#c77f69
```
#c77f69 rgb(199,127,105)
```
#cc8b77
```
#cc8b77 rgb(204,139,119)
```
#d19785
```
#d19785 rgb(209,151,133)
```
#d7a493
```
#d7a493 rgb(215,164,147)
```
#dcb0a2
```
#dcb0a2 rgb(220,176,162)
```
#e1bcb0
```
#e1bcb0 rgb(225,188,176)
```
#e7c8be
```
#e7c8be rgb(231,200,190)
```
#ecd4cc
```
#ecd4cc rgb(236,212,204)
```
#f1e0db
```
#f1e0db rgb(241,224,219)
```
#f7ece9
```
#f7ece9 rgb(247,236,233)
```
#fcf8f7
```
#fcf8f7 rgb(252,248,247)
```

Tint Color Variation

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

#8d7f7b
```
#8d7f7b rgb(141,127,123)
```
#967b72
```
#967b72 rgb(150,123,114)
```
#a07668
```
#a07668 rgb(160,118,104)
```
#a9715f
```
#a9715f rgb(169,113,95)
```
#b36c55
```
#b36c55 rgb(179,108,85)
```
#bc674c
```
#bc674c rgb(188,103,76)
```
#c56243
```
#c56243 rgb(197,98,67)
```
#cf5d39
```
#cf5d39 rgb(207,93,57)
```
#d85830
```
#d85830 rgb(216,88,48)
```
#e25326
```
#e25326 rgb(226,83,38)
```
#eb4f1d
```
#eb4f1d rgb(235,79,29)
```
#f54a13
```
#f54a13 rgb(245,74,19)
```
#fe450a
```
#fe450a rgb(254,69,10)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8a7973 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f845d Protanopia 1% of men
#a07f50 Deuteranopia 1% of men
#c16b72 Tritanopia 0.001% of the population

Trichromacy

#9f7957 Protanomaly 1% of men, 0.01% of women
#aa764f Deuteranomaly 6% of men, 0.4% of women
#bf6964 Tritanomaly 0.01% of the population

#bc674c hex color

#bc674c Color Information

#bc674c Color Conversion

Color Schemes with #bc674c

Alternatives to #bc674c

#bc674c Preview

Shades and Tints of #bc674c

Tones of #bc674c

Color Blindness Simulator