#40538C Color Information


In the RGB color space, #40538C is composed of 25.098% red, 32.549% green, and 54.902% blue.

In the CMYK color space, #40538C is composed of 54.28% cyan, 40.71% magenta, 0% yellow, and 45.1% black,

It has a hue angle of 225 degrees, a saturation of 37.25%, and a lightness of 40%.

The closest websafe color is #336699.

#40538C RGB Values

#40538C CMYK Values



#40538C Color Conversion


The hexadecimal color #40538C has RGB values of R:64, G:83, B:140 and CMYK values of C:54.28, M:40.71, Y:0, K:45.1. It has a decimal value of 4215692.


Hexadecimal #40538C #40538C
RGB Decimal 64, 83, 140 rgb(64, 83, 140)
RGB Percent 25.098, 32.549, 54.902 rgb(25.098%, 32.549%, 54.902%)
RGB Proportion 0.251, 0.3255, 0.549 rgb(0.251, 0.3255, 0.549)
CMYK 54.28, 40.71, 0, 45.1
HSL 225ยบ, 37.25, 40 hsl(225, 37.25%, 40%)
Websafe 336699 #336699
XYZ 9.941, 9.17, 26.055
Yxy 9.17, 0.22, 0.203
CIE-LAB 36.31, 10.105, -33.978
CIE-LCH 36.31, 35.449, 286.562
CIE-LUV 36.31, -10.208, -48.432
Hunter-Lab 30.282, 5.605, -29.816

Color Schemes For #40538C


Colors that go well with #40538C.

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

Alternatives to #40538C


Colors similar to #40538C.


#40538C Preview


Common HTML and CSS shortcodes for #40538C.

Text with color #40538C


The quick brown fox jumps over the lazy dog.

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

#40538C as background color


The quick brown fox jumps over the lazy dog.

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

Border with #40538C


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #40538C


Linear gradient from #40538C to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #40538C


Radial gradient from #40538C to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #40538C and its Complementary Color


Linear gradient from #40538C to #BFAC73.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #40538C and its Complementary Color


Radial gradient from #40538C to #BFAC73.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors