Below, the color conversion values related to the color Skobeloff / #007474 are specified in detail.
Hexadecimal | #007474 |
RGB Red, Green, Blue |
rgb(0, 116, 116) |
RGB Percent Red, Green, Blue |
rgb(0%, 45%, 45%) |
CMY Cyan, Magenta, Yellow |
cyan: 1, magenta: 0.545098, yellow: 0.545098 |
CMYK CMYK Color Model |
cyan:100%, magenta:-0%, yellow: -0%, black:55% |
HSL Hue, Saturation, Luminosity |
hue:180, saturation: 39, luminosity: 9 |
HSV Hue, Saturation, Value |
hue: 180.00º, saturation: 100%, value: 23% |
XYZ
CIE 1931 Color Space |
X:9.398, Y:13.752, Z:18.682 |
LAB | L:0.439, A:-0.269, B:-0.079 |
Hunter LAB | L: 37.0833, A: -19.6598, B: -3.91109 |
Decimal | 29812 |
Most Readable | White |
Web Safe Color | #006666 |
Below you can see compatible color combinations for #007474.
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 #007474.
Below you can see compatible color blindless simulator for #007474.
The text has a font color of #007474
color: #007474;
This element has a background-color of #007474
background-color: #007474;
This element has a border-color of #007474
border: 1px solid #007474;
This element has a box-shadow color of #007474
-webkit-box-shadow : 4px 4px 1px 1px #007474;
-moz-box-shadow : 4px 4px 1px 1px #007474;
box-shadow : 4px 4px 1px 1px #007474;
This element has a text-shadow color of #007474
-webkit-text-shadow : 1px 1px 2px #007474;
-moz-text-shadow : 1px 1px 2px #007474;
text-shadow : 1px 1px 2px #007474;
Gradient color of #007474
background-color: #007474;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a7a7', endColorstr='#007474');
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00a7a7), to(#007474));
background-image: -webkit-linear-gradient(top, #00a7a7, #007474);
background-image: -moz-linear-gradient(top, #00a7a7, #007474);
background-image: -o-linear-gradient(top, #00a7a7, #007474);
background-image: linear-gradient(to bottom, #00a7a7, #007474);