#454384 Color Information


In the RGB color space, #454384 is composed of 27.0588% red, 26.2745% green, and 51.7647% blue.

In the CMYK color space, #454384 is composed of 47.72% cyan, 49.25% magenta, 0% yellow, and 48.24% black,

It has a hue angle of 241.9 degrees, a saturation of 32.67%, and a lightness of 39.02%.

The closest websafe color is #333399.

#454384 RGB Values

#454384 CMYK Values



#454384 Color Conversion


The hexadecimal color #454384 has RGB values of R:69, G:67, B:132 and CMYK values of C:47.72, M:49.25, Y:0, K:48.24. It has a decimal value of 4539268.


Hexadecimal #454384 #454384
RGB Decimal 69, 67, 132 rgb(69, 67, 132)
RGB Percent 27.0588, 26.2745, 51.7647 rgb(27.0588%, 26.2745%, 51.7647%)
RGB Proportion 0.2706, 0.2627, 0.5176 rgb(0.2706, 0.2627, 0.5176)
CMYK 47.72, 49.25, 0, 48.24
HSL 241.9ยบ, 32.67, 39.02 hsl(241.9, 32.67%, 39.02%)
Websafe 333399 #333399
XYZ 8.625, 6.944, 22.711
Yxy 6.944, 0.225, 0.181
CIE-LAB 31.679, 19.173, -36.405
CIE-LCH 31.679, 41.145, 297.774
CIE-LUV 31.679, -2.943, -50.613
Hunter-Lab 26.351, 12.309, -32.653

Color Schemes For #454384


Colors that go well with #454384.

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

Alternatives to #454384


Colors similar to #454384.


#454384 Preview


Common HTML and CSS shortcodes for #454384.

Text with color #454384


The quick brown fox jumps over the lazy dog.

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

#454384 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #454384


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #454384


Linear gradient from #454384 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #454384


Radial gradient from #454384 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #454384 and its Complementary Color


Linear gradient from #454384 to #BABC7B.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #454384 and its Complementary Color


Radial gradient from #454384 to #BABC7B.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors