In the RGB color space, #04194C is composed of 1.5686% red, 9.8039% green, and 29.8039% blue.
In the CMYK color space, #04194C is composed of 94.73% cyan, 67.11% magenta, 0% yellow, and 70.2% black,
It has a hue angle of 222.5 degrees, a saturation of 89.99%, and a lightness of 15.68%.
The closest websafe color is #000033.
The hexadecimal color #04194C has RGB values of R:4, G:25, B:76 and CMYK values of C:94.73, M:67.11, Y:0, K:70.2. It has a decimal value of 268620.
Hexadecimal | #04194C | #04194C |
RGB Decimal | 4, 25, 76 | rgb(4, 25, 76) |
RGB Percent | 1.5686, 9.8039, 29.8039 | rgb(1.5686%, 9.8039%, 29.8039%) |
RGB Proportion | 0.0157, 0.098, 0.298 | rgb(0.0157, 0.098, 0.298) |
CMYK | 94.73, 67.11, 0, 70.2 | |
HSL | 222.5ยบ, 89.99, 15.68 | hsl(222.5, 89.99%, 15.68%) |
Websafe | 000033 | #000033 |
XYZ | 1.702, 1.242, 6.986 | |
Yxy | 1.242, 0.171, 0.125 | |
CIE-LAB | 10.864, 15.019, -33.75 | |
CIE-LCH | 10.864, 36.941, 293.989 | |
CIE-LUV | 10.864, -4.655, -27.91 | |
Hunter-Lab | 11.145, 7.758, -29.365 |
Colors that go well with #04194C.
Common HTML and CSS shortcodes for #04194C.
<div style="color: #04194C;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #04194C;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #04194C;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #04194C to transparent.
<div style="background: linear-gradient(#04194C, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #04194C to transparent.
<div style="background: radial-gradient(#04194C, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #04194C to #FBE6B3.
<div style="background: linear-gradient(#04194C, #FBE6B3);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #04194C to #FBE6B3.
<div style="background: radial-gradient(#04194C, #FBE6B3);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #04194C; }
.background { background-color: #04194C; }
.border { border: 1px solid #04194C; }
.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 #000002 while the lightest tint is #FAFBFC.