Color picker

#551fcb

Conversion

HEX#551fcb
HEX8#551fcbff
RGBrgb(85, 31, 203)
CMYK[0.58,0.85,0,0.2]
Name#551fcb
HCL[308.51,99.66,32.31]
oklab[0.45,0.07,-0.22]
Num5578699
HSI[257.88,0.71,0.42]
lab[32.31,62.06,-77.99]
Lighten
#9068e8
Darken
#301172
Saturate
#4c08e2
Desaturate
#5e36b4
Greyscale
#757575
Brighten
#8852fe

Color harmonies of #551fcb

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.
#551fcb
#cb551f
#1fcb55

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.
#551fcb
#cb1f3f
#95cb1f
#1fcbab

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.
#551fcb
#6726f5
#0e0521
#200c4b
#311276
#4319a0

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.
#551fcb
#1f2ecb
#331fcb
#551fcb
#771fcb
#9a1fcb

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#551fcb
#cb1f73
#2ecb1f

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
#f3effb
#e7dff8
#dbcff4
#cebff0
#c2afec
#b69fe9
#aa8fe5
#9e7fe1
#926fde
#865fda
#794fd6
#6d3fd2
#612fcf
#551fcb

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#06020f
#0c041d
#12072c
#18093a
#1e0b49
#240d57
#2b1066
#311274
#371483
#3d1691
#4318a0
#491bae
#4f1dbd
#551fcb

Contrast Checker

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

8.59 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.445 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 #551fcb

Some examples of color palettes with #551fcb. View more

Use #551fcb in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet