In the RGB color space, #04161C is composed of 1.5686% red, 8.6275% green, and 10.9804% blue.
In the CMYK color space, #04161C is composed of 85.7% cyan, 21.4% magenta, 0% yellow, and 89.02% black,
It has a hue angle of 195.0 degrees, a saturation of 74.98%, and a lightness of 6.28%.
The closest websafe color is #000033.
The hexadecimal color #04161C has RGB values of R:4, G:22, B:28 and CMYK values of C:85.7, M:21.4, Y:0, K:89.02. It has a decimal value of 267804.
Hexadecimal | #04161C | #04161C |
RGB Decimal | 4, 22, 28 | rgb(4, 22, 28) |
RGB Percent | 1.5686, 8.6275, 10.9804 | rgb(1.5686%, 8.6275%, 10.9804%) |
RGB Proportion | 0.0157, 0.0863, 0.1098 | rgb(0.0157, 0.0863, 0.1098) |
CMYK | 85.7, 21.4, 0, 89.02 | |
HSL | 195.0ยบ, 74.98, 6.28 | hsl(195.0, 74.98%, 6.28%) |
Websafe | 000033 | #000033 |
XYZ | 0.547, 0.684, 1.202 | |
Yxy | 0.684, 0.225, 0.281 | |
CIE-LAB | 6.179, -4.224, -6.294 | |
CIE-LCH | 6.179, 7.58, 236.134 | |
CIE-LUV | 6.179, -3.698, -3.311 | |
Hunter-Lab | 8.27, -2.667, -2.828 |
Colors that go well with #04161C.
Common HTML and CSS shortcodes for #04161C.
<div style="color: #04161C;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #04161C;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #04161C;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #04161C to transparent.
<div style="background: linear-gradient(#04161C, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #04161C to transparent.
<div style="background: radial-gradient(#04161C, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #04161C to #FBE9E3.
<div style="background: linear-gradient(#04161C, #FBE9E3);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #04161C to #FBE9E3.
<div style="background: radial-gradient(#04161C, #FBE9E3);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #04161C; }
.background { background-color: #04161C; }
.border { border: 1px solid #04161C; }
.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.