Color picker

#5963e0

Conversion

HEX#5963e0
HEX8#5963e0ff
RGBrgb(89, 99, 224)
CMYK[0.6,0.56,0,0.12]
Name#5963e0
HCL[297.09,73.14,47.53]
oklab[0.56,0.02,-0.19]
Num5858272
HSI[236.19,0.35,0.54]
lab[47.53,33.3,-65.12]
Lighten
#afb4f0
Darken
#212cb2
Saturate
#4552f4
Desaturate
#6d74cc
Greyscale
#9c9c9c
Brighten
#8c96ff

Color harmonies of #5963e0

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.
#5963e0
#e05963
#63e059

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.
#5963e0
#e059a6
#e0d659
#59e092

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.
#5963e0
#05050b
#151836
#262b60
#373d8b
#4850b5

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.
#5963e0
#5999e0
#597ee0
#5963e0
#6a59e0
#8559e0

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5963e0
#e059cf
#99e059

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
#f3f4fd
#e7e9fb
#dbdef8
#d0d2f6
#c4c7f4
#b8bcf2
#acb1f0
#a0a6ed
#949beb
#8890e9
#7d84e7
#7179e4
#656ee2
#5963e0

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060710
#0d0e20
#131530
#191c40
#202350
#262a60
#2d3270
#333980
#394090
#4047a0
#464eb0
#4c55c0
#535cd0
#5963e0

Contrast Checker

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

4.9 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!
4.286 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 #5963e0

Some examples of color palettes with #5963e0. View more

Use #5963e0 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet