Color picker

#395576

Conversion

HEX#395576
HEX8#395576ff
RGBrgb(57, 85, 118)
CMYK[0.52,0.28,0,0.54]
Name#395576
HCL[269.07,22,35.35]
oklab[0.44,-0.02,-0.06]
Num3757430
HSI[212.71,0.34,0.34]
lab[35.35,-0.36,-22]
Lighten
#6287b3
Darken
#182331
Saturate
#285487
Desaturate
#4a5664
Greyscale
#575757
Brighten
#6c88a9

Color harmonies of #395576

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.
#395576
#763955
#557639

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.
#395576
#763973
#765a39
#39763b

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.
#395576
#4e74a0
#6292cb
#77b1f5
#101821
#24364b

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.
#395576
#396d76
#396176
#395576
#394976
#393d76

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#395576
#663976
#6d7639

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
#f1f3f5
#e3e7eb
#d5dbe2
#c6ced8
#b8c2ce
#aab6c4
#9caabb
#8e9eb1
#8092a7
#72869d
#637993
#556d8a
#476180
#395576

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040608
#080c11
#0c1219
#101822
#141e2a
#182433
#1d2b3b
#213143
#25374c
#293d54
#2d435d
#314965
#354f6e
#395576

Contrast Checker

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

7.678 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.735 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 #395576

Some examples of color palettes with #395576. View more

Use #395576 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet