#554261 Color Information


In the RGB color space, #554261 is composed of 33.3333% red, 25.8824% green, and 38.0392% blue.

In the CMYK color space, #554261 is composed of 12.38% cyan, 31.97% magenta, 0% yellow, and 61.96% black,

It has a hue angle of 276.8 degrees, a saturation of 19.02%, and a lightness of 31.96%.

The closest websafe color is #663366.

#554261 RGB Values

#554261 CMYK Values



#554261 Color Conversion


The hexadecimal color #554261 has RGB values of R:85, G:66, B:97 and CMYK values of C:12.38, M:31.97, Y:0, K:61.96. It has a decimal value of 5587553.


Hexadecimal #554261 #554261
RGB Decimal 85, 66, 97 rgb(85, 66, 97)
RGB Percent 33.3333, 25.8824, 38.0392 rgb(33.3333%, 25.8824%, 38.0392%)
RGB Proportion 0.3333, 0.2588, 0.3804 rgb(0.3333, 0.2588, 0.3804)
CMYK 12.38, 31.97, 0, 61.96
HSL 276.8ยบ, 19.02, 31.96 hsl(276.8, 19.02%, 31.96%)
Websafe 663366 #663366
XYZ 7.851, 6.69, 12.187
Yxy 6.69, 0.294, 0.25
CIE-LAB 31.091, 14.777, -15.194
CIE-LCH 31.091, 21.195, 314.203
CIE-LUV 31.091, 7.718, -21.184
Hunter-Lab 25.865, 8.918, -9.831

Color Schemes For #554261


Colors that go well with #554261.

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

Alternatives to #554261


Colors similar to #554261.


#554261 Preview


Common HTML and CSS shortcodes for #554261.

Text with color #554261


The quick brown fox jumps over the lazy dog.

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

#554261 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #554261


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #554261


Linear gradient from #554261 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #554261


Radial gradient from #554261 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #554261 and its Complementary Color


Linear gradient from #554261 to #AABD9E.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #554261 and its Complementary Color


Radial gradient from #554261 to #AABD9E.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors