Color picker

#5639cf

Conversion

HEX#5639cf
HEX8#5639cfff
RGBrgb(86, 57, 207)
CMYK[0.58,0.72,0,0.19]
Name#5639cf
HCL[305.4,89.52,36.76]
oklab[0.48,0.05,-0.21]
Num5650895
HSI[250.5,0.51,0.46]
lab[36.76,51.85,-72.97]
Lighten
#9c8be3
Darken
#332082
Saturate
#4720e8
Desaturate
#6552b6
Greyscale
#848484
Brighten
#896cff

Color harmonies of #5639cf

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.
#5639cf
#cf5639
#39cf56

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.
#5639cf
#cf3967
#b2cf39
#39cfa1

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.
#5639cf
#6845f9
#0f0a25
#21164f
#33227a
#442da4

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.
#5639cf
#3958cf
#393acf
#5639cf
#7439cf
#9239cf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5639cf
#cf3994
#58cf39

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
#f3f1fc
#e7e3f8
#dbd5f5
#cfc6f1
#c3b8ee
#b7aaea
#ab9ce7
#9e8ee4
#9280e0
#8672dd
#7a63d9
#6e55d6
#6247d2
#5639cf

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#06040f
#0c081e
#120c2c
#19103b
#1f144a
#251859
#2b1d68
#312176
#372585
#3d2994
#442da3
#4a31b1
#5035c0
#5639cf

Contrast Checker

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

7.287 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.882 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 #5639cf

Some examples of color palettes with #5639cf. View more

Use #5639cf in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet