Color picker

#404773

Conversion

HEX#404773
HEX8#404773ff
RGBrgb(64, 71, 115)
CMYK[0.44,0.38,0,0.55]
Name#404773
HCL[290.23,27.95,31.43]
oklab[0.41,0.01,-0.07]
Num4212595
HSI[232.73,0.23,0.33]
lab[31.43,9.67,-26.23]
Lighten
#6c75ad
Darken
#1c1f31
Saturate
#2e3a85
Desaturate
#525461
Greyscale
#595959
Brighten
#737aa6

Color harmonies of #404773

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.
#404773
#734047
#477340

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.
#404773
#734060
#736c40
#407352

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.
#404773
#58619d
#6f7bc8
#8796f2
#11131e
#282d48

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.
#404773
#405b73
#405173
#404773
#434073
#4d4073

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#404773
#734070
#5b7340

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
#e4e5eb
#d6d8e1
#c8cad7
#bbbdcd
#adb0c3
#a0a3b9
#9296af
#8489a5
#777c9b
#696e91
#5b6187
#4e547d
#404773

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#050508
#090a10
#0e0f19
#121421
#171929
#1b1e31
#20243a
#252942
#292e4a
#2e3352
#32385a
#373d63
#3b426b
#404773

Contrast Checker

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

8.873 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.367 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 #404773

Some examples of color palettes with #404773. View more

Use #404773 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet