Color picker

#6f63cf

Conversion

HEX#6f63cf
HEX8#6f63cfff
RGBrgb(111, 99, 207)
CMYK[0.46,0.52,0,0.19]
Name#6f63cf
HCL[300.65,63.45,48.02]
oklab[0.56,0.04,-0.16]
Num7300047
HSI[245.82,0.29,0.55]
lab[48.02,32.34,-54.58]
Lighten
#b7b1e7
Darken
#3c309c
Saturate
#5f4fe3
Desaturate
#7f77bb
Greyscale
#999999
Brighten
#a296ff

Color harmonies of #6f63cf

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.
#6f63cf
#cf6f63
#63cf6f

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.
#6f63cf
#cf638d
#c3cf63
#63cfa5

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.
#6f63cf
#8677f9
#141225
#2b264f
#413a7a
#584fa4

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.
#6f63cf
#6382cf
#636dcf
#6f63cf
#8563cf
#9a63cf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#6f63cf
#cf63ad
#82cf63

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
#f5f4fc
#eae9f8
#e0def5
#d6d2f1
#ccc7ee
#c1bcea
#b7b1e7
#ada6e4
#a29be0
#9890dd
#8e84d9
#8479d6
#796ed2
#6f63cf

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#08070f
#100e1e
#18152c
#201c3b
#28234a
#302a59
#383268
#3f3976
#474085
#4f4794
#574ea3
#5f55b1
#675cc0
#6f63cf

Contrast Checker

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

4.815 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.362 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 #6f63cf

Some examples of color palettes with #6f63cf. View more

Use #6f63cf in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet