Color picker

#404578

Conversion

HEX#404578
HEX8#404578ff
RGBrgb(64, 69, 120)
CMYK[0.47,0.43,0,0.53]
Name#404578
HCL[292.9,32.4,31.12]
oklab[0.41,0.01,-0.08]
Num4212088
HSI[235.37,0.24,0.33]
lab[31.12,12.61,-29.85]
Lighten
#6d73b1
Darken
#1d1f35
Saturate
#2e368a
Desaturate
#525466
Greyscale
#5c5c5c
Brighten
#7378ab

Color harmonies of #404578

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#404578
#784045
#457840

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#404578
#784061
#787340
#407857

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#404578
#575da2
#6d76cd
#848ef7
#131423
#292d4d

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#404578
#405b78
#405078
#404578
#464078
#514078

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#404578
#784072
#5b7840

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f1f2f5
#e4e4ec
#d6d7e2
#c8cad8
#bbbdcf
#adafc5
#a0a2bc
#9295b2
#8487a8
#777a9f
#696d95
#5b608b
#4e5282
#404578

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#050509
#090a11
#0e0f1a
#121422
#17192b
#1b1e33
#20233c
#252745
#292c4d
#2e3156
#32365e
#373b67
#3b406f
#404578

Contrast Checker

Verify the contrast of a #404578 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

8.973 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
2.34 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #404578

Some examples of color palettes with #404578. View more

Use #404578 in CSS

#404578 as Background Color in CSS
<div style="background-color:#404578">Background Color</div>
#404578 as Text Color in CSS
<div style="color:#404578">Text Color</div>
#404578 as Border Color in CSS
<div style="border-color:#404578">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet