#022C4E Color Information


In the RGB color space, #022C4E is composed of 0.7843% red, 17.2549% green, and 30.5882% blue.

In the CMYK color space, #022C4E is composed of 97.45% cyan, 43.61% magenta, 0% yellow, and 69.41% black,

It has a hue angle of 206.9 degrees, a saturation of 95.03%, and a lightness of 15.68%.

The closest websafe color is #003366.

#022C4E RGB Values

#022C4E CMYK Values



#022C4E Color Conversion


The hexadecimal color #022C4E has RGB values of R:2, G:44, B:78 and CMYK values of C:97.45, M:43.61, Y:0, K:69.41. It has a decimal value of 142414.


Hexadecimal #022C4E #022C4E
RGB Decimal 2, 44, 78 rgb(2, 44, 78)
RGB Percent 0.7843, 17.2549, 30.5882 rgb(0.7843%, 17.2549%, 30.5882%)
RGB Proportion 0.0078, 0.1725, 0.3059 rgb(0.0078, 0.1725, 0.3059)
CMYK 97.45, 43.61, 0, 69.41
HSL 206.9ยบ, 95.03, 15.68 hsl(206.9, 95.03%, 15.68%)
Websafe 003366 #003366
XYZ 2.3, 2.363, 7.544
Yxy 2.363, 0.188, 0.194
CIE-LAB 17.287, 1.142, -24.752
CIE-LCH 17.287, 24.778, 272.642
CIE-LUV 17.287, -10.217, -26.091
Hunter-Lab 15.372, -0.194, -18.337

Color Schemes For #022C4E


Colors that go well with #022C4E.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #022C4E


Colors similar to #022C4E.


#022C4E Preview


Common HTML and CSS shortcodes for #022C4E.

Text with color #022C4E


The quick brown fox jumps over the lazy dog.

<div style="color: #022C4E;">The quick brown fox jumps over the lazy dog.</div>

#022C4E as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #022C4E;">The quick brown fox jumps over the lazy dog.</div>

Border with #022C4E


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #022C4E;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #022C4E


Linear gradient from #022C4E to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#022C4E, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #022C4E


Radial gradient from #022C4E to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#022C4E, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #022C4E and its Complementary Color


Linear gradient from #022C4E to #FDD3B1.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#022C4E, #FDD3B1);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #022C4E and its Complementary Color


Radial gradient from #022C4E to #FDD3B1.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#022C4E, #FDD3B1);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #022C4E; } .background { background-color: #022C4E; } .border { border: 1px solid #022C4E; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #022C4E


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.

Shades


Tints

Random Colors