In the RGB color space, #194477 is composed of 9.8039% red, 26.6667% green, and 46.6667% blue.
In the CMYK color space, #194477 is composed of 79.0% cyan, 42.85% magenta, 0% yellow, and 53.33% black,
It has a hue angle of 212.5 degrees, a saturation of 65.29%, and a lightness of 28.23%.
The closest websafe color is #003366.
The hexadecimal color #194477 has RGB values of R:25, G:68, B:119 and CMYK values of C:79, M:42.85, Y:0, K:53.33. It has a decimal value of 1655927.
Hexadecimal | #194477 | #194477 |
RGB Decimal | 25, 68, 119 | rgb(25, 68, 119) |
RGB Percent | 9.8039, 26.6667, 46.6667 | rgb(9.8039%, 26.6667%, 46.6667%) |
RGB Proportion | 0.098, 0.2667, 0.4667 | rgb(0.098, 0.2667, 0.4667) |
CMYK | 79, 42.85, 0, 53.33 | |
HSL | 212.5ยบ, 65.29, 28.23 | hsl(212.5, 65.29%, 28.23%) |
Websafe | 003366 | #003366 |
XYZ | 5.799, 5.674, 18.245 | |
Yxy | 5.674, 0.195, 0.191 | |
CIE-LAB | 28.575, 4.706, -33.409 | |
CIE-LCH | 28.575, 33.739, 278.018 | |
CIE-LUV | 28.575, -14.33, -43.728 | |
Hunter-Lab | 23.82, 1.77, -28.739 |
Colors that go well with #194477.
Common HTML and CSS shortcodes for #194477.
<div style="color: #194477;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #194477;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #194477;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #194477 to transparent.
<div style="background: linear-gradient(#194477, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #194477 to transparent.
<div style="background: radial-gradient(#194477, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #194477 to #E6BB88.
<div style="background: linear-gradient(#194477, #E6BB88);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #194477 to #E6BB88.
<div style="background: radial-gradient(#194477, #E6BB88);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #194477; }
.background { background-color: #194477; }
.border { border: 1px solid #194477; }
.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 #000202 while the lightest tint is #FBFCFC.