Color picker

#553385

Conversion

HEX#553385
HEX8#553385ff
RGBrgb(85, 51, 133)
CMYK[0.36,0.62,0,0.48]
Name#553385
HCL[309.61,52.71,29.39]
oklab[0.41,0.07,-0.12]
Num5583749
HSI[264.37,0.43,0.35]
lab[29.39,33.6,-40.6]
Lighten
#865dc1
Darken
#26173b
Saturate
#522197
Desaturate
#584573
Greyscale
#5c5c5c
Brighten
#8866b8

Color harmonies of #553385

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.
#553385
#855533
#338555

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.
#553385
#85333a
#638533
#33857e

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.
#553385
#7043af
#8b54da
#040205
#1f1230
#3a235a

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.
#553385
#343385
#453385
#553385
#653385
#763385

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#553385
#853353
#338534

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
#f3f0f6
#e7e2ee
#dbd3e5
#cec5dc
#c2b6d3
#b6a8cb
#aa99c2
#9e8ab9
#927cb1
#866da8
#795f9f
#6d5096
#61428e
#553385

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#06040a
#0c0713
#120b1d
#180f26
#1e1230
#241639
#2b1a43
#311d4c
#372156
#3d245f
#432869
#492c72
#4f2f7c
#553385

Contrast Checker

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

9.552 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.198 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 #553385

Some examples of color palettes with #553385. View more

Use #553385 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet