#054D9A Color Information


In the RGB color space, #054D9A is composed of 1.9608% red, 30.1961% green, and 60.3922% blue.

In the CMYK color space, #054D9A is composed of 96.75% cyan, 49.99% magenta, 0% yellow, and 39.61% black,

It has a hue angle of 211.0 degrees, a saturation of 93.71%, and a lightness of 31.17%.

The closest websafe color is #006699.

#054D9A RGB Values

#054D9A CMYK Values



#054D9A Color Conversion


The hexadecimal color #054D9A has RGB values of R:5, G:77, B:154 and CMYK values of C:96.75, M:49.99, Y:0, K:39.61. It has a decimal value of 347546.


Hexadecimal #054D9A #054D9A
RGB Decimal 5, 77, 154 rgb(5, 77, 154)
RGB Percent 1.9608, 30.1961, 60.3922 rgb(1.9608%, 30.1961%, 60.3922%)
RGB Proportion 0.0196, 0.302, 0.6039 rgb(0.0196, 0.302, 0.6039)
CMYK 96.75, 49.99, 0, 39.61
HSL 211.0ยบ, 93.71, 31.17 hsl(211.0, 93.71%, 31.17%)
Websafe 006699 #006699
XYZ 8.549, 7.674, 31.6
Yxy 7.674, 0.179, 0.16
CIE-LAB 33.295, 11.548, -47.425
CIE-LCH 33.295, 48.811, 283.685
CIE-LUV 33.295, -17.879, -65.871
Hunter-Lab 27.702, 6.608, -48.241

Color Schemes For #054D9A


Colors that go well with #054D9A.

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

Alternatives to #054D9A


Colors similar to #054D9A.


#054D9A Preview


Common HTML and CSS shortcodes for #054D9A.

Text with color #054D9A


The quick brown fox jumps over the lazy dog.

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

#054D9A as background color


The quick brown fox jumps over the lazy dog.

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

Border with #054D9A


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #054D9A


Linear gradient from #054D9A to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #054D9A


Radial gradient from #054D9A to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #054D9A and its Complementary Color


Linear gradient from #054D9A to #FAB265.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #054D9A and its Complementary Color


Radial gradient from #054D9A to #FAB265.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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