In the RGB color space, #04181E is composed of 1.5686% red, 9.4118% green, and 11.7647% blue.
In the CMYK color space, #04181E is composed of 86.65% cyan, 19.98% magenta, 0% yellow, and 88.24% black,
It has a hue angle of 193.8 degrees, a saturation of 76.44%, and a lightness of 6.67%.
The closest websafe color is #000033.
The hexadecimal color #04181E has RGB values of R:4, G:24, B:30 and CMYK values of C:86.65, M:19.98, Y:0, K:88.24. It has a decimal value of 268318.
Hexadecimal | #04181E | #04181E |
RGB Decimal | 4, 24, 30 | rgb(4, 24, 30) |
RGB Percent | 1.5686, 9.4118, 11.7647 | rgb(1.5686%, 9.4118%, 11.7647%) |
RGB Proportion | 0.0157, 0.0941, 0.1176 | rgb(0.0157, 0.0941, 0.1176) |
CMYK | 86.65, 19.98, 0, 88.24 | |
HSL | 193.8ยบ, 76.44, 6.67 | hsl(193.8, 76.44%, 6.67%) |
Websafe | 000033 | #000033 |
XYZ | 0.611, 0.773, 1.344 | |
Yxy | 0.773, 0.224, 0.283 | |
CIE-LAB | 6.982, -5.068, -6.596 | |
CIE-LCH | 6.982, 8.318, 232.463 | |
CIE-LUV | 6.982, -4.296, -3.621 | |
Hunter-Lab | 8.792, -2.981, -2.909 |
Colors that go well with #04181E.
Common HTML and CSS shortcodes for #04181E.
<div style="color: #04181E;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #04181E;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #04181E;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #04181E to transparent.
<div style="background: linear-gradient(#04181E, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #04181E to transparent.
<div style="background: radial-gradient(#04181E, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #04181E to #FBE7E1.
<div style="background: linear-gradient(#04181E, #FBE7E1);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #04181E to #FBE7E1.
<div style="background: radial-gradient(#04181E, #FBE7E1);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #04181E; }
.background { background-color: #04181E; }
.border { border: 1px solid #04181E; }
.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 #000000 while the lightest tint is #FAFBFB.