Color picker

#553e8b

Conversion

HEX#553e8b
HEX8#553e8bff
RGBrgb(85, 62, 139)
CMYK[0.39,0.55,0,0.45]
Name#553e8b
HCL[305.9,48.85,32.35]
oklab[0.43,0.05,-0.11]
Num5586571
HSI[256.91,0.35,0.37]
lab[32.35,28.65,-39.57]
Lighten
#8870bf
Darken
#2a1f44
Saturate
#4d2a9f
Desaturate
#5d5277
Greyscale
#646464
Brighten
#8871be

Color harmonies of #553e8b

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.
#553e8b
#8b553e
#3e8b55

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.
#553e8b
#8b3e4e
#748b3e
#3e8b7b

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.
#553e8b
#6f51b5
#8964e0
#07050b
#211836
#3b2b60

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.
#553e8b
#3e468b
#463e8b
#553e8b
#643e8b
#743e8b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#553e8b
#8b3e65
#468b3e

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
#f3f1f7
#e7e3ee
#dbd6e6
#cec8de
#c2bad6
#b6accd
#aa9fc5
#9e91bd
#9283b4
#8675ac
#7967a4
#6d5a9c
#614c93
#553e8b

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#06040a
#0c0914
#120d1e
#181228
#1e1632
#241b3c
#2b1f46
#31234f
#372859
#3d2c63
#43316d
#493577
#4f3a81
#553e8b

Contrast Checker

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

8.578 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.448 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 #553e8b

Some examples of color palettes with #553e8b. View more

Use #553e8b in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet