#054B85 Color Information


In the RGB color space, #054B85 is composed of 1.9608% red, 29.4118% green, and 52.1569% blue.

In the CMYK color space, #054B85 is composed of 96.24% cyan, 43.62% magenta, 0% yellow, and 47.84% black,

It has a hue angle of 207.2 degrees, a saturation of 92.76%, and a lightness of 27.06%.

The closest websafe color is #003399.

#054B85 RGB Values

#054B85 CMYK Values



#054B85 Color Conversion


The hexadecimal color #054B85 has RGB values of R:5, G:75, B:133 and CMYK values of C:96.24, M:43.62, Y:0, K:47.84. It has a decimal value of 347013.


Hexadecimal #054B85 #054B85
RGB Decimal 5, 75, 133 rgb(5, 75, 133)
RGB Percent 1.9608, 29.4118, 52.1569 rgb(1.9608%, 29.4118%, 52.1569%)
RGB Proportion 0.0196, 0.2941, 0.5216 rgb(0.0196, 0.2941, 0.5216)
CMYK 96.24, 43.62, 0, 47.84
HSL 207.2ยบ, 92.76, 27.06 hsl(207.2, 92.76%, 27.06%)
Websafe 003399 #003399
XYZ 6.813, 6.757, 23.138
Yxy 6.757, 0.186, 0.184
CIE-LAB 31.247, 4.048, -37.888
CIE-LCH 31.247, 38.104, 276.098
CIE-LUV 31.247, -18.027, -51.136
Hunter-Lab 25.994, 1.294, -34.579

Color Schemes For #054B85


Colors that go well with #054B85.

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

Alternatives to #054B85


Colors similar to #054B85.


#054B85 Preview


Common HTML and CSS shortcodes for #054B85.

Text with color #054B85


The quick brown fox jumps over the lazy dog.

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

#054B85 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #054B85


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #054B85


Linear gradient from #054B85 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #054B85


Radial gradient from #054B85 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #054B85 and its Complementary Color


Linear gradient from #054B85 to #FAB47A.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #054B85 and its Complementary Color


Radial gradient from #054B85 to #FAB47A.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors