Color picker

#554254

Conversion

HEX#554254
HEX8#554254ff
RGBrgb(85, 66, 84)
CMYK[0,0.22,0.01,0.67]
Name#554254
HCL[327.03,14.04,30.56]
oklab[0.41,0.03,-0.02]
Num5587540
HSI[302.68,0.16,0.31]
lab[30.56,11.78,-7.64]
Lighten
#8e6f8d
Darken
#1c151b
Saturate
#643361
Desaturate
#4b4b4b
Greyscale
#4b4b4b
Brighten
#887587

Color harmonies of #554254

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.
#554254
#545542
#425455

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.
#554254
#554c42
#425543
#424a55

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.
#554254
#80637e
#aa84a8
#d4a5d2
#ffc6fc
#2a212a

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.
#554254
#4e4255
#524255
#554254
#554250
#55424c

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#554254
#554742
#42554e

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
#f3f2f3
#e7e4e7
#dbd7da
#cec9ce
#c2bcc2
#b6aeb6
#aaa1aa
#9e939d
#928691
#867885
#796b79
#6d5d6c
#615060
#554254

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060506
#0c090c
#120e12
#181318
#1e181e
#241c24
#2b212a
#312630
#372a36
#3d2f3c
#433442
#493948
#4f3d4e
#554254

Contrast Checker

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

9.156 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.294 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 #554254

Some examples of color palettes with #554254. View more

Use #554254 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet