Color picker

#5198aa

Conversion

HEX#5198aa
HEX8#5198aaff
RGBrgb(81, 152, 170)
CMYK[0.52,0.11,0,0.33]
Name#5198aa
HCL[223.45,23.66,59.07]
oklab[0.64,-0.06,-0.04]
Num5347498
HSI[191.03,0.4,0.53]
lab[59.07,-17.18,-16.27]
Lighten
#95c1cc
Darken
#305a65
Saturate
#38a7c3
Desaturate
#6a8991
Greyscale
#7d7d7d
Brighten
#84cbdd

Color harmonies of #5198aa

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.
#5198aa
#aa5198
#98aa51

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.
#5198aa
#8f51aa
#aa6351
#6baa51

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.
#5198aa
#65bed4
#79e4ff
#14262a
#284c55
#3d727f

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.
#5198aa
#51aa98
#51aaaa
#5198aa
#5186aa
#5174aa

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5198aa
#7551aa
#aa9851

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
#f3f8f9
#e6f0f3
#dae9ed
#cde2e7
#c1dae1
#b4d3db
#a8ccd5
#9cc4ce
#8fbdc8
#83b5c2
#76aebc
#6aa7b6
#5d9fb0
#5198aa

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060b0c
#0c1618
#112124
#172b31
#1d363d
#234149
#294c55
#2e5761
#34626d
#3a6d79
#407786
#458292
#4b8d9e
#5198aa

Contrast Checker

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

3.27 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.422 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 #5198aa

Some examples of color palettes with #5198aa. View more

Use #5198aa in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet