In the RGB color space, #D01830 is composed of 81.5686% red, 9.4118% green, and 18.8235% blue.
In the CMYK color space, #D01830 is composed of 0% cyan, 88.46% magenta, 76.93% yellow, and 18.43% black,
It has a hue angle of 352.2 degrees, a saturation of 79.31%, and a lightness of 45.49%.
The closest websafe color is #CC0033.
The hexadecimal color #D01830 has RGB values of R:208, G:24, B:48 and CMYK values of C:0, M:88.46, Y:76.93, K:18.43. It has a decimal value of 13637680.
Hexadecimal | #D01830 | #D01830 |
RGB Decimal | 208, 24, 48 | rgb(208, 24, 48) |
RGB Percent | 81.5686, 9.4118, 18.8235 | rgb(81.5686%, 9.4118%, 18.8235%) |
RGB Proportion | 0.8157, 0.0941, 0.1882 | rgb(0.8157, 0.0941, 0.1882) |
CMYK | 0, 88.46, 76.93, 18.43 | |
HSL | 352.2ยบ, 79.31, 45.49 | hsl(352.2, 79.31%, 45.49%) |
Websafe | CC0033 | #CC0033 |
XYZ | 26.873, 14.277, 4.135 | |
Yxy | 14.277, 0.593, 0.315 | |
CIE-LAB | 44.628, 66.842, 37.305 | |
CIE-LCH | 44.628, 76.547, 29.166 | |
CIE-LUV | 44.628, 131.293, 22.437 | |
Hunter-Lab | 37.785, 60.827, 19.961 |
Colors that go well with #D01830.
Common HTML and CSS shortcodes for #D01830.
<div style="color: #D01830;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #D01830;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #D01830;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #D01830 to transparent.
<div style="background: linear-gradient(#D01830, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #D01830 to transparent.
<div style="background: radial-gradient(#D01830, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #D01830 to #2FE7CF.
<div style="background: linear-gradient(#D01830, #2FE7CF);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #D01830 to #2FE7CF.
<div style="background: radial-gradient(#D01830, #2FE7CF);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #D01830; }
.background { background-color: #D01830; }
.border { border: 1px solid #D01830; }
.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 #040001 while the lightest tint is #FEFBFC.