Color picker

#574796

Conversion

HEX#574796
HEX8#574796ff
RGBrgb(87, 71, 150)
CMYK[0.42,0.53,0,0.41]
Name#574796
HCL[302.98,49.22,35.47]
oklab[0.45,0.04,-0.12]
Num5719958
HSI[251.04,0.31,0.4]
lab[35.47,26.79,-41.29]
Lighten
#8e80c3
Darken
#2f2651
Saturate
#4a31ac
Desaturate
#645d80
Greyscale
#6e6e6e
Brighten
#8a7ac9

Color harmonies of #574796

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.
#574796
#965747
#479657

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.
#574796
#96475e
#869647
#47967e

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.
#574796
#705bc0
#886feb
#0d0b16
#261f41
#3e336b

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.
#574796
#475796
#474796
#574796
#674796
#774796

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#574796
#964776
#579647

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
#f3f2f8
#e7e5f0
#dbd8e9
#cfcae1
#c3bdda
#b7b0d2
#aba3cb
#9f96c3
#9389bc
#877cb4
#7b6ead
#6f61a5
#63549e
#574796

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#06050b
#0c0a15
#130f20
#19142b
#1f1936
#251e40
#2c244b
#322956
#382e60
#3e336b
#443876
#4b3d81
#51428b
#574796

Contrast Checker

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

7.645 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.747 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 #574796

Some examples of color palettes with #574796. View more

Use #574796 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet