Color picker

#654060

Conversion

HEX#654060
HEX8#654060ff
RGBrgb(101, 64, 96)
CMYK[0,0.37,0.05,0.6]
Name#654060
HCL[330.44,24.99,32.43]
oklab[0.43,0.06,-0.03]
Num6635616
HSI[307.15,0.26,0.34]
lab[32.43,21.73,-12.33]
Lighten
#a16a99
Darken
#271825
Saturate
#752f6c
Desaturate
#545054
Greyscale
#525252
Brighten
#987393

Color harmonies of #654060

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.
#654060
#606540
#406065

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.
#654060
#655740
#406545
#404d65

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.
#654060
#8f5b88
#ba76b1
#e491d9
#100a0f
#3a2538

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.
#654060
#5b4065
#634065
#654060
#654059
#654051

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#654060
#654c40
#40655b

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
#f4f1f4
#e9e4e8
#ded6dd
#d3c8d2
#c8bbc6
#bdadbb
#b2a0b0
#a792a4
#9c8499
#91778d
#866982
#7b5b77
#704e6b
#654060

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070507
#0e090e
#160e15
#1d121b
#241722
#2b1b29
#332030
#3a2537
#41293e
#482e45
#4f324b
#573752
#5e3b59
#654060

Contrast Checker

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

8.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.456 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 #654060

Some examples of color palettes with #654060. View more

Use #654060 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet