#02274E Color Information


In the RGB color space, #02274E is composed of 0.7843% red, 15.2941% green, and 30.5882% blue.

In the CMYK color space, #02274E is composed of 97.45% cyan, 50.02% magenta, 0% yellow, and 69.41% black,

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

The closest websafe color is #003366.

#02274E RGB Values

#02274E CMYK Values



#02274E Color Conversion


The hexadecimal color #02274E has RGB values of R:2, G:39, B:78 and CMYK values of C:97.45, M:50.02, Y:0, K:69.41. It has a decimal value of 141134.


Hexadecimal #02274E #02274E
RGB Decimal 2, 39, 78 rgb(2, 39, 78)
RGB Percent 0.7843, 15.2941, 30.5882 rgb(0.7843%, 15.2941%, 30.5882%)
RGB Proportion 0.0078, 0.1529, 0.3059 rgb(0.0078, 0.1529, 0.3059)
CMYK 97.45, 50.02, 0, 69.41
HSL 210.8ยบ, 95.03, 15.68 hsl(210.8, 95.03%, 15.68%)
Websafe 003366 #003366
XYZ 2.125, 2.013, 7.485
Yxy 2.013, 0.183, 0.173
CIE-LAB 15.555, 4.842, -27.524
CIE-LCH 15.555, 27.947, 279.977
CIE-LUV 15.555, -8.626, -27.821
Hunter-Lab 14.188, 1.906, -21.347

Color Schemes For #02274E


Colors that go well with #02274E.

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

Alternatives to #02274E


Colors similar to #02274E.


#02274E Preview


Common HTML and CSS shortcodes for #02274E.

Text with color #02274E


The quick brown fox jumps over the lazy dog.

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

#02274E as background color


The quick brown fox jumps over the lazy dog.

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

Border with #02274E


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #02274E


Linear gradient from #02274E to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #02274E


Radial gradient from #02274E to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #02274E and its Complementary Color


Linear gradient from #02274E to #FDD8B1.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #02274E and its Complementary Color


Radial gradient from #02274E to #FDD8B1.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #02274E; } .background { background-color: #02274E; } .border { border: 1px solid #02274E; } .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 #02274E


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