colorhexa.com

#bc663d hex color

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

- R 74
- G 40
- B 24
RGB color chart
- C 0
- M 46
- Y 68
- K 26
CMYK color chart

● #bc663d color description : Moderate orange.

The hexadecimal color #bc663d has RGB values of R:188, G:102, B:61 and CMYK values of C:0, M:0.46, Y:0.68, K:0.26. Its decimal value is 12346941.

Hex triplet	bc663d	`#bc663d`
RGB Decimal	188, 102, 61	`rgb(188,102,61)`
RGB Percent	73.7, 40, 23.9	`rgb(73.7%,40%,23.9%)`
CMYK	0, 46, 68, 26
HSL	19.4°, 51, 48.8	`hsl(19.4,51%,48.8%)`
HSV (or HSB)	19.4°, 67.6, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.435, 30.979, 37.904
XYZ	26.333, 20.533, 6.991
xyY	0.489, 0.381, 20.533
CIE-LCH	52.435, 48.954, 50.741
CIE-LUV	52.435, 67.225, 35.294
Hunter-Lab	45.314, 24.434, 22.572
Binary	10111100, 01100110, 00111101

#bc663d
```
#bc663d rgb(188,102,61)
```
#3d93bc
```
#3d93bc rgb(61,147,188)
```

Complementary Color

#bc3d54
```
#bc3d54 rgb(188,61,84)
```
#bc663d
```
#bc663d rgb(188,102,61)
```
#bca63d
```
#bca63d rgb(188,166,61)
```

Analogous Color

#3d54bc
```
#3d54bc rgb(61,84,188)
```
#bc663d
```
#bc663d rgb(188,102,61)
```
#3dbca6
```
#3dbca6 rgb(61,188,166)
```

Split Complementary Color

#663dbc
```
#663dbc rgb(102,61,188)
```
#bc663d
```
#bc663d rgb(188,102,61)
```
#3dbc66
```
#3dbc66 rgb(61,188,102)
```

Triadic Color

#bc3d93
```
#bc3d93 rgb(188,61,147)
```
#bc663d
```
#bc663d rgb(188,102,61)
```
#3dbc66
```
#3dbc66 rgb(61,188,102)
```
#3d93bc
```
#3d93bc rgb(61,147,188)
```

Tetradic Color

#82472a
```
#82472a rgb(130,71,42)
```
#955131
```
#955131 rgb(149,81,49)
```
#a95c37
```
#a95c37 rgb(169,92,55)
```
#bc663d
```
#bc663d rgb(188,102,61)
```
#c5744d
```
#c5744d rgb(197,116,77)
```
#cc8360
```
#cc8360 rgb(204,131,96)
```
#d29274
```
#d29274 rgb(210,146,116)
```

Monochromatic Color

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

#bc463d
```
#bc463d rgb(188,70,61)
```
#bc513d
```
#bc513d rgb(188,81,61)
```
#bc5b3d
```
#bc5b3d rgb(188,91,61)
```
#bc663d
```
#bc663d rgb(188,102,61)
```
#bc713d
```
#bc713d rgb(188,113,61)
```
#bc7b3d
```
#bc7b3d rgb(188,123,61)
```
#bc863d
```
#bc863d rgb(188,134,61)
```

Similar Colors

Text with hexadecimal color #bc663d

This text has a font color of #bc663d.

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

#bc663d background color

This paragraph has a background color of #bc663d.

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

#bc663d border color

This element has a border color of #bc663d.

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

CSS codes

.text {color:#bc663d;}

.background {background-color:#bc663d;}

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

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

#0a0603
```
#0a0603 rgb(10,6,3)
```
#190e08
```
#190e08 rgb(25,14,8)
```
#28160d
```
#28160d rgb(40,22,13)
```
#371e12
```
#371e12 rgb(55,30,18)
```
#462617
```
#462617 rgb(70,38,23)
```
#542e1b
```
#542e1b rgb(84,46,27)
```
#633620
```
#633620 rgb(99,54,32)
```
#723e25
```
#723e25 rgb(114,62,37)
```
#81462a
```
#81462a rgb(129,70,42)
```
#904e2f
```
#904e2f rgb(144,78,47)
```
#9e5633
```
#9e5633 rgb(158,86,51)
```
#ad5e38
```
#ad5e38 rgb(173,94,56)
```
#bc663d
```
#bc663d rgb(188,102,61)
```

Shade Color Variation

#c47049
```
#c47049 rgb(196,112,73)
```
#c97c58
```
#c97c58 rgb(201,124,88)
```
#cd8866
```
#cd8866 rgb(205,136,102)
```
#d29375
```
#d29375 rgb(210,147,117)
```
#d79f84
```
#d79f84 rgb(215,159,132)
```
#dcaa93
```
#dcaa93 rgb(220,170,147)
```
#e1b6a2
```
#e1b6a2 rgb(225,182,162)
```
#e6c2b0
```
#e6c2b0 rgb(230,194,176)
```
#eacdbf
```
#eacdbf rgb(234,205,191)
```
#efd9ce
```
#efd9ce rgb(239,217,206)
```
#f4e4dd
```
#f4e4dd rgb(244,228,221)
```
#f9f0ec
```
#f9f0ec rgb(249,240,236)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#837a76
```
#837a76 rgb(131,122,118)
```
#8c776d
```
#8c776d rgb(140,119,109)
```
#967463
```
#967463 rgb(150,116,99)
```
#9f705a
```
#9f705a rgb(159,112,90)
```
#a96d50
```
#a96d50 rgb(169,109,80)
```
#b26947
```
#b26947 rgb(178,105,71)
```
#bc663d
```
#bc663d rgb(188,102,61)
```
#c66333
```
#c66333 rgb(198,99,51)
```
#cf5f2a
```
#cf5f2a rgb(207,95,42)
```
#d95c20
```
#d95c20 rgb(217,92,32)
```
#e25817
```
#e25817 rgb(226,88,23)
```
#ec550d
```
#ec550d rgb(236,85,13)
```
#f55204
```
#f55204 rgb(245,82,4)
```

Tone Color Variation

Below, you can see how #bc663d 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
#88776f Atypical Achromatopsia 0.001% of the population

Dichromacy

#90834e Protanopia 1% of men
#a17d42 Deuteranopia 1% of men
#c2686f Tritanopia 0.001% of the population

Trichromacy

#a07947 Protanomaly 1% of men, 0.01% of women
#ab7540 Deuteranomaly 6% of men, 0.4% of women
#bf675d Tritanomaly 0.01% of the population