In the RGB color space, #121C51 is composed of 7.0588% red, 10.9804% green, and 31.7647% blue.
In the CMYK color space, #121C51 is composed of 77.77% cyan, 65.43% magenta, 0% yellow, and 68.24% black,
It has a hue angle of 230.5 degrees, a saturation of 63.63%, and a lightness of 19.41%.
The closest websafe color is #003366.
The hexadecimal color #121C51 has RGB values of R:18, G:28, B:81 and CMYK values of C:77.77, M:65.43, Y:0, K:68.24. It has a decimal value of 1186897.
Hexadecimal | #121C51 | #121C51 |
RGB Decimal | 18, 28, 81 | rgb(18, 28, 81) |
RGB Percent | 7.0588, 10.9804, 31.7647 | rgb(7.0588%, 10.9804%, 31.7647%) |
RGB Proportion | 0.0706, 0.1098, 0.3176 | rgb(0.0706, 0.1098, 0.3176) |
CMYK | 77.77, 65.43, 0, 68.24 | |
HSL | 230.5ยบ, 63.63, 19.41 | hsl(230.5, 63.63%, 19.41%) |
Websafe | 003366 | #003366 |
XYZ | 2.149, 1.553, 7.969 | |
Yxy | 1.553, 0.184, 0.133 | |
CIE-LAB | 12.941, 16.639, -33.76 | |
CIE-LCH | 12.941, 37.638, 296.237 | |
CIE-LUV | 12.941, -3.98, -31.143 | |
Hunter-Lab | 12.462, 8.973, -29.191 |
Colors that go well with #121C51.
Common HTML and CSS shortcodes for #121C51.
<div style="color: #121C51;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #121C51;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #121C51;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #121C51 to transparent.
<div style="background: linear-gradient(#121C51, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #121C51 to transparent.
<div style="background: radial-gradient(#121C51, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #121C51 to #EDE3AE.
<div style="background: linear-gradient(#121C51, #EDE3AE);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #121C51 to #EDE3AE.
<div style="background: radial-gradient(#121C51, #EDE3AE);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #121C51; }
.background { background-color: #121C51; }
.border { border: 1px solid #121C51; }
.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.