Below, the color conversion values related to the color #bf094a are specified in detail.
Hexadecimal | #bf094a |
RGB Red, Green, Blue |
rgb(191, 9, 74) |
RGB Percent Red, Green, Blue |
rgb(75%, 4%, 29%) |
CMYK CMYK Color Model |
cyan:0%, magenta:95%, yellow: 61%, black:25% |
HSV Hue, Saturation, Value |
hue: 338.57º, saturation: 91%, value: 39% |
XYZ
CIE 1931 Color Space |
X:22.820, Y:11.766, Z:7.547 |
LAB | L:0.408, A:0.658, B:0.158 |
Decimal | 12519754 |
Most Readable | White |
Web Safe Color | #cc0033 |
Below you can see compatible color combinations for #bf094a.
Complementary colors, known as contrasting colors in the color wheel, are used to achieve a high-contrast, vibrant appearance.
Analogous colors are arranged side by side on the color wheel. It is generally used for harmonious and quiet designs.
The tetradic color scheme consists of four colors arranged in two complementary colors.
The split complementary colors consist of complementary colors on either side of the selected main color.
Below you can see alternatives to #bf094a.
The text has a font color of #bf094a
color: #bf094a;
This element has a background-color of #bf094a
background-color: #bf094a;
This element has a border-color of #bf094a
border: 1px solid #bf094a;
This element has a box-shadow color of #bf094a
-webkit-box-shadow : 4px 4px 1px 1px #bf094a;
-moz-box-shadow : 4px 4px 1px 1px #bf094a;
box-shadow : 4px 4px 1px 1px #bf094a;
This element has a text-shadow color of #bf094a
-webkit-text-shadow : 1px 1px 2px #bf094a;
-moz-text-shadow : 1px 1px 2px #bf094a;
text-shadow : 1px 1px 2px #bf094a;
Gradient color of #bf094a
background-color: #bf094a;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00b5d', endColorstr='#bf094a');
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f00b5d), to(#bf094a));
background-image: -webkit-linear-gradient(top, #f00b5d, #bf094a);
background-image: -moz-linear-gradient(top, #f00b5d, #bf094a);
background-image: -o-linear-gradient(top, #f00b5d, #bf094a);
background-image: linear-gradient(to bottom, #f00b5d, #bf094a);