#055A9F Color Information


In the RGB color space, #055A9F is composed of 1.9608% red, 35.2941% green, and 62.3529% blue.

In the CMYK color space, #055A9F is composed of 96.86% cyan, 43.4% magenta, 0% yellow, and 37.65% black,

It has a hue angle of 206.9 degrees, a saturation of 93.9%, and a lightness of 32.16%.

The closest websafe color is #006699.

#055A9F RGB Values

#055A9F CMYK Values



#055A9F Color Conversion


The hexadecimal color #055A9F has RGB values of R:5, G:90, B:159 and CMYK values of C:96.86, M:43.4, Y:0, K:37.65. It has a decimal value of 350879.


Hexadecimal #055A9F #055A9F
RGB Decimal 5, 90, 159 rgb(5, 90, 159)
RGB Percent 1.9608, 35.2941, 62.3529 rgb(1.9608%, 35.2941%, 62.3529%)
RGB Proportion 0.0196, 0.3529, 0.6235 rgb(0.0196, 0.3529, 0.6235)
CMYK 96.86, 43.4, 0, 37.65
HSL 206.9ยบ, 93.9, 32.16 hsl(206.9, 93.9%, 32.16%)
Websafe 006699 #006699
XYZ 9.975, 9.846, 34.172
Yxy 9.846, 0.185, 0.182
CIE-LAB 37.565, 4.964, -43.562
CIE-LCH 37.565, 43.844, 276.501
CIE-LUV 37.565, -21.724, -62.386
Hunter-Lab 31.378, 1.832, -42.604

Color Schemes For #055A9F


Colors that go well with #055A9F.

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

Alternatives to #055A9F


Colors similar to #055A9F.


#055A9F Preview


Common HTML and CSS shortcodes for #055A9F.

Text with color #055A9F


The quick brown fox jumps over the lazy dog.

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

#055A9F as background color


The quick brown fox jumps over the lazy dog.

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

Border with #055A9F


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #055A9F


Linear gradient from #055A9F to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #055A9F


Radial gradient from #055A9F to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #055A9F and its Complementary Color


Linear gradient from #055A9F to #FAA560.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #055A9F and its Complementary Color


Radial gradient from #055A9F to #FAA560.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000202 while the lightest tint is #FAFCFE.

Shades


Tints

Random Colors