#bc693f hex color

In a RGB color space, hex #bc693f is composed of 73.7% red, 41.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.1% magenta, 66.5% yellow and 26.3% black. It has a hue angle of 20.2 degrees, a saturation of 49.8% and a lightness of 49.2%. #bc693f color hex could be obtained by blending #ffd27e with #790000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 74
- G 41
- B 25
RGB color chart
- C 0
- M 44
- Y 66
- K 26
CMYK color chart

● #bc693f color description : Moderate orange.

The hexadecimal color #bc693f has RGB values of R:188, G:105, B:63 and CMYK values of C:0, M:0.44, Y:0.66, K:0.26. Its decimal value is 12347711.

Hex triplet	bc693f	`#bc693f`
RGB Decimal	188, 105, 63	`rgb(188,105,63)`
RGB Percent	73.7, 41.2, 24.7	`rgb(73.7%,41.2%,24.7%)`
CMYK	0, 44, 66, 26
HSL	20.2°, 49.8, 49.2	`hsl(20.2,49.8%,49.2%)`
HSV (or HSB)	20.2°, 66.5, 73.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.119, 29.487, 37.626
XYZ	26.689, 21.156, 7.38
xyY	0.483, 0.383, 21.156
CIE-LCH	53.119, 47.803, 51.914
CIE-LUV	53.119, 64.711, 35.668
Hunter-Lab	45.995, 23.083, 22.683
Binary	10111100, 01101001, 00111111

#bc693f
```
#bc693f rgb(188,105,63)
```
#3f92bc
```
#3f92bc rgb(63,146,188)
```

Complementary Color

#bc3f54
```
#bc3f54 rgb(188,63,84)
```
#bc693f
```
#bc693f rgb(188,105,63)
```
#bca83f
```
#bca83f rgb(188,168,63)
```

Analogous Color

#3f54bc
```
#3f54bc rgb(63,84,188)
```
#bc693f
```
#bc693f rgb(188,105,63)
```
#3fbca8
```
#3fbca8 rgb(63,188,168)
```

Split Complementary Color

#693fbc
```
#693fbc rgb(105,63,188)
```
#bc693f
```
#bc693f rgb(188,105,63)
```
#3fbc69
```
#3fbc69 rgb(63,188,105)
```

Triadic Color

#bc3f92
```
#bc3f92 rgb(188,63,146)
```
#bc693f
```
#bc693f rgb(188,105,63)
```
#3fbc69
```
#3fbc69 rgb(63,188,105)
```
#3f92bc
```
#3f92bc rgb(63,146,188)
```

Tetradic Color

#83492c
```
#83492c rgb(131,73,44)
```
#965432
```
#965432 rgb(150,84,50)
```
#a95e39
```
#a95e39 rgb(169,94,57)
```
#bc693f
```
#bc693f rgb(188,105,63)
```
#c47750
```
#c47750 rgb(196,119,80)
```
#cb8663
```
#cb8663 rgb(203,134,99)
```
#d19576
```
#d19576 rgb(209,149,118)
```

Monochromatic Color

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

#bc4a3f
```
#bc4a3f rgb(188,74,63)
```
#bc543f
```
#bc543f rgb(188,84,63)
```
#bc5f3f
```
#bc5f3f rgb(188,95,63)
```
#bc693f
```
#bc693f rgb(188,105,63)
```
#bc733f
```
#bc733f rgb(188,115,63)
```
#bc7e3f
```
#bc7e3f rgb(188,126,63)
```
#bc883f
```
#bc883f rgb(188,136,63)
```

Similar Colors

Text with hexadecimal color #bc693f

This text has a font color of #bc693f.

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

#bc693f background color

This paragraph has a background color of #bc693f.

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

#bc693f border color

This element has a border color of #bc693f.

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

CSS codes

.text {color:#bc693f;}

.background {background-color:#bc693f;}

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

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

#0c0704
```
#0c0704 rgb(12,7,4)
```
#1a0f09
```
#1a0f09 rgb(26,15,9)
```
#29170e
```
#29170e rgb(41,23,14)
```
#381f13
```
#381f13 rgb(56,31,19)
```
#462718
```
#462718 rgb(70,39,24)
```
#55301d
```
#55301d rgb(85,48,29)
```
#643821
```
#643821 rgb(100,56,33)
```
#734026
```
#734026 rgb(115,64,38)
```
#81482b
```
#81482b rgb(129,72,43)
```
#905030
```
#905030 rgb(144,80,48)
```
#9f5935
```
#9f5935 rgb(159,89,53)
```
#ad613a
```
#ad613a rgb(173,97,58)
```
#bc693f
```
#bc693f rgb(188,105,63)
```

Shade Color Variation

#c3744c
```
#c3744c rgb(195,116,76)
```
#c87f5a
```
#c87f5a rgb(200,127,90)
```
#cd8b69
```
#cd8b69 rgb(205,139,105)
```
#d29678
```
#d29678 rgb(210,150,120)
```
#d7a186
```
#d7a186 rgb(215,161,134)
```
#dcad95
```
#dcad95 rgb(220,173,149)
```
#e0b8a4
```
#e0b8a4 rgb(224,184,164)
```
#e5c4b3
```
#e5c4b3 rgb(229,196,179)
```
#eacfc1
```
#eacfc1 rgb(234,207,193)
```
#efdad0
```
#efdad0 rgb(239,218,208)
```
#f4e6df
```
#f4e6df rgb(244,230,223)
```
#f9f1ed
```
#f9f1ed rgb(249,241,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#827c79
```
#827c79 rgb(130,124,121)
```
#8c796f
```
#8c796f rgb(140,121,111)
```
#957666
```
#957666 rgb(149,118,102)
```
#9f725c
```
#9f725c rgb(159,114,92)
```
#a96f52
```
#a96f52 rgb(169,111,82)
```
#b26c49
```
#b26c49 rgb(178,108,73)
```
#bc693f
```
#bc693f rgb(188,105,63)
```
#c66635
```
#c66635 rgb(198,102,53)
```
#cf632c
```
#cf632c rgb(207,99,44)
```
#d96022
```
#d96022 rgb(217,96,34)
```
#e35c18
```
#e35c18 rgb(227,92,24)
```
#ec590f
```
#ec590f rgb(236,89,15)
```
#f65605
```
#f65605 rgb(246,86,5)
```

Tone Color Variation

Below, you can see how #bc693f 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
#8a7971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91854f Protanopia 1% of men
#a37f44 Deuteranopia 1% of men
#c26b72 Tritanopia 0.001% of the population

Trichromacy

#a17b49 Protanomaly 1% of men, 0.01% of women
#ac7742 Deuteranomaly 6% of men, 0.4% of women
#bf6a5f Tritanomaly 0.01% of the population

#bc693f hex color

#bc693f Color Information

#bc693f Color Conversion

Color Schemes with #bc693f

Alternatives to #bc693f

#bc693f Preview

Shades and Tints of #bc693f

Tones of #bc693f

Color Blindness Simulator