#02277B Color Information


In the RGB color space, #02277B is composed of 0.7843% red, 15.2941% green, and 48.2353% blue.

In the CMYK color space, #02277B is composed of 98.38% cyan, 68.3% magenta, 0% yellow, and 51.76% black,

It has a hue angle of 221.7 degrees, a saturation of 96.82%, and a lightness of 24.51%.

The closest websafe color is #003366.

#02277B RGB Values

#02277B CMYK Values



#02277B Color Conversion


The hexadecimal color #02277B has RGB values of R:2, G:39, B:123 and CMYK values of C:98.38, M:68.3, Y:0, K:51.76. It has a decimal value of 141179.


Hexadecimal #02277B #02277B
RGB Decimal 2, 39, 123 rgb(2, 39, 123)
RGB Percent 0.7843, 15.2941, 48.2353 rgb(0.7843%, 15.2941%, 48.2353%)
RGB Proportion 0.0078, 0.1529, 0.4824 rgb(0.0078, 0.1529, 0.4824)
CMYK 98.38, 68.3, 0, 51.76
HSL 221.7ยบ, 96.82, 24.51 hsl(221.7, 96.82%, 24.51%)
Websafe 003366 #003366
XYZ 4.326, 2.894, 19.073
Yxy 2.894, 0.165, 0.11
CIE-LAB 19.614, 25.01, -50.501
CIE-LCH 19.614, 56.355, 296.346
CIE-LUV 19.614, -8.407, -56.14
Hunter-Lab 17.012, 15.621, -54.566

Color Schemes For #02277B


Colors that go well with #02277B.

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

Alternatives to #02277B


Colors similar to #02277B.


#02277B Preview


Common HTML and CSS shortcodes for #02277B.

Text with color #02277B


The quick brown fox jumps over the lazy dog.

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

#02277B as background color


The quick brown fox jumps over the lazy dog.

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

Border with #02277B


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #02277B


Linear gradient from #02277B to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #02277B


Radial gradient from #02277B to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #02277B and its Complementary Color


Linear gradient from #02277B to #FDD884.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #02277B and its Complementary Color


Radial gradient from #02277B to #FDD884.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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 #FAFBFD.

Shades


Tints

Random Colors