Color picker

#549a7d

Conversion

HEX#549a7d
HEX8#549a7dff
RGBrgb(84, 154, 125)
CMYK[0.45,0,0.19,0.4]
Name#549a7d
HCL[163.86,30.35,58.49]
oklab[0.63,-0.08,0.02]
Num5544573
HSI[155.65,0.31,0.47]
lab[58.49,-29.16,8.44]
Lighten
#91c3ae
Darken
#305847
Saturate
#3cb281
Desaturate
#6c8279
Greyscale
#777777
Brighten
#87cdb0

Color harmonies of #549a7d

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.
#549a7d
#7d549a
#9a7d54

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.
#549a7d
#5a549a
#9a5471
#949a54

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.
#549a7d
#6bc49f
#82efc2
#0e1a16
#264538
#3d6f5a

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.
#549a7d
#549a61
#549a6f
#549a7d
#549a8b
#549a99

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#549a7d
#54639a
#9a6154

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
#f3f8f6
#e7f1ec
#dae9e3
#cee2da
#c2dbd1
#b6d4c7
#aacdbe
#9dc5b5
#91beab
#85b7a2
#79b099
#6ca890
#60a186
#549a7d

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060b09
#0c1612
#12211b
#182c24
#1e372d
#244236
#2a4d3f
#305847
#366350
#3c6e59
#427962
#48846b
#4e8f74
#549a7d

Contrast Checker

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

3.336 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!
6.295 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!

Color Palettes #549a7d

Some examples of color palettes with #549a7d. View more

Use #549a7d in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet