In the RGB color space, #2C3380 is composed of 17.2549% red, 20% green, and 50.1961% blue.
In the CMYK color space, #2C3380 is composed of 65.64% cyan, 60.16% magenta, 0% yellow, and 49.8% black,
It has a hue angle of 235.0 degrees, a saturation of 48.85%, and a lightness of 33.73%.
The closest websafe color is #333399.
The hexadecimal color #2C3380 has RGB values of R:44, G:51, B:128 and CMYK values of C:65.64, M:60.16, Y:0, K:49.8. It has a decimal value of 2896768.
Hexadecimal | #2C3380 | #2C3380 |
RGB Decimal | 44, 51, 128 | rgb(44, 51, 128) |
RGB Percent | 17.2549, 20, 50.1961 | rgb(17.2549%, 20%, 50.1961%) |
RGB Proportion | 0.1725, 0.2, 0.502 | rgb(0.1725, 0.2, 0.502) |
CMYK | 65.64, 60.16, 0, 49.8 | |
HSL | 235.0ยบ, 48.85, 33.73 | hsl(235.0, 48.85%, 33.73%) |
Websafe | 333399 | #333399 |
XYZ | 6.119, 4.462, 20.964 | |
Yxy | 4.462, 0.194, 0.141 | |
CIE-LAB | 25.143, 23.051, -44.55 | |
CIE-LCH | 25.143, 50.16, 297.358 | |
CIE-LUV | 25.143, -5.815, -56.523 | |
Hunter-Lab | 21.123, 14.742, -44.056 |
Colors that go well with #2C3380.
Common HTML and CSS shortcodes for #2C3380.
<div style="color: #2C3380;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #2C3380;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #2C3380;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #2C3380 to transparent.
<div style="background: linear-gradient(#2C3380, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #2C3380 to transparent.
<div style="background: radial-gradient(#2C3380, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #2C3380 to #D3CC7F.
<div style="background: linear-gradient(#2C3380, #D3CC7F);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #2C3380 to #D3CC7F.
<div style="background: radial-gradient(#2C3380, #D3CC7F);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #2C3380; }
.background { background-color: #2C3380; }
.border { border: 1px solid #2C3380; }
.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 #000102 while the lightest tint is #FBFCFD.