In the RGB color space, #BC8F8F is composed of 73.7255% red, 56.0784% green, and 56.0784% blue.
In the CMYK color space, #BC8F8F is composed of 0% cyan, 23.94% magenta, 23.94% yellow, and 26.27% black,
It has a hue angle of 0 degrees, a saturation of 25.15%, and a lightness of 64.9%.
The closest websafe color is #CC9999.
#BC8F8F has a CSS color name: RosyBrown.
The hexadecimal color #BC8F8F has RGB values of R:188, G:143, B:143 and CMYK values of C:0, M:23.94, Y:23.94, K:26.27. It has a decimal value of 12357519.
Hexadecimal | #BC8F8F | #BC8F8F |
RGB Decimal | 188, 143, 143 | rgb(188, 143, 143) |
RGB Percent | 73.7255, 56.0784, 56.0784 | rgb(73.7255%, 56.0784%, 56.0784%) |
RGB Proportion | 0.7373, 0.5608, 0.5608 | rgb(0.7373, 0.5608, 0.5608) |
CMYK | 0, 23.94, 23.94, 26.27 | |
HSL | 0ยบ, 25.15, 64.9 | hsl(0, 25.15%, 64.9%) |
Websafe | CC9999 | #CC9999 |
XYZ | 35.523, 32.322, 30.355 | |
Yxy | 32.322, 0.362, 0.329 | |
CIE-LAB | 63.608, 17.02, 6.602 | |
CIE-LCH | 63.608, 18.256, 21.201 | |
CIE-LUV | 63.608, 28.576, 6.152 | |
Hunter-Lab | 56.852, 12.04, 8.14 |
Colors that go well with RosyBrown / #BC8F8F.
Common HTML and CSS shortcodes for RosyBrown / #BC8F8F.
<div style="color: #BC8F8F;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #BC8F8F;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #BC8F8F;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #BC8F8F to transparent.
<div style="background: linear-gradient(#BC8F8F, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #BC8F8F to transparent.
<div style="background: radial-gradient(#BC8F8F, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #BC8F8F to #437070.
<div style="background: linear-gradient(#BC8F8F, #437070);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #BC8F8F to #437070.
<div style="background: radial-gradient(#BC8F8F, #437070);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #BC8F8F; }
.background { background-color: #BC8F8F; }
.border { border: 1px solid #BC8F8F; }
.linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); }
.radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }
Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #030202 while the lightest tint is #FEFDFD.