Color picker

#497784

Conversion

HEX#497784
HEX8#497784ff
RGBrgb(73, 119, 132)
CMYK[0.45,0.1,0,0.48]
Name#497784
HCL[224.96,17.05,47.33]
oklab[0.54,-0.04,-0.03]
Num4814724
HSI[192.1,0.32,0.42]
lab[47.33,-12.06,-12.04]
Lighten
#7caab7
Darken
#253c42
Saturate
#348298
Desaturate
#5d6c6f
Greyscale
#666666
Brighten
#7caab7

Color harmonies of #497784

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.
#497784
#844977
#778449

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.
#497784
#734984
#845649
#598449

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.
#497784
#619dae
#78c4d9
#020404
#1a2a2f
#315159

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.
#497784
#498479
#498384
#497784
#496b84
#495f84

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#497784
#624984
#847949

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
#f2f5f6
#e5eced
#d8e2e5
#cbd8dc
#beced3
#b1c5ca
#a4bbc2
#97b1b9
#8aa8b0
#7d9ea7
#70949e
#638a96
#56818d
#497784

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#050909
#0a1113
#101a1c
#152226
#1a2b2f
#1f3339
#253c42
#2a444b
#2f4d55
#34555e
#395e68
#3f6671
#446f7b
#497784

Contrast Checker

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

4.935 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.255 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 #497784

Some examples of color palettes with #497784. View more

Use #497784 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet