Color picker

#404c9b

Conversion

HEX#404c9b
HEX8#404c9bff
RGBrgb(64, 76, 155)
CMYK[0.59,0.51,0,0.39]
Name#404c9b
HCL[293.93,48.97,35.25]
oklab[0.45,0.01,-0.13]
Num4213915
HSI[233.03,0.35,0.39]
lab[35.25,19.86,-44.76]
Lighten
#7984c8
Darken
#222953
Saturate
#2a3cb1
Desaturate
#565c85
Greyscale
#6d6d6d
Brighten
#737fce

Color harmonies of #404c9b

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.
#404c9b
#9b404c
#4c9b40

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.
#404c9b
#9b4079
#9b8f40
#409b61

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.
#404c9b
#5261c5
#6376f0
#0b0d1b
#1d2246
#2e3770

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.
#404c9b
#40709b
#405e9b
#404c9b
#46409b
#58409b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#404c9b
#9b4095
#709b40

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
#f1f2f8
#e4e5f1
#d6d9ea
#c8cce2
#bbbfdb
#adb2d4
#a0a6cd
#9299c6
#848cbf
#777fb8
#6972b0
#5b66a9
#4e59a2
#404c9b

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#05050b
#090b16
#0e1021
#12162c
#171b37
#1b2142
#20264e
#252b59
#293164
#2e366f
#323c7a
#374185
#3b4790
#404c9b

Contrast Checker

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

7.706 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.725 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 #404c9b

Some examples of color palettes with #404c9b. View more

Use #404c9b in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet