Color picker

#33497b

Conversion

HEX#33497b
HEX8#33497bff
RGBrgb(51, 73, 123)
CMYK[0.59,0.41,0,0.52]
Name#33497b
HCL[283.9,31.99,31.57]
oklab[0.41,-0.01,-0.09]
Num3361147
HSI[222.65,0.38,0.32]
lab[31.57,7.68,-31.06]
Lighten
#5a77ba
Darken
#151e33
Saturate
#22428c
Desaturate
#44506a
Greyscale
#575757
Brighten
#667cae

Color harmonies of #33497b

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.
#33497b
#7b3349
#497b33

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.
#33497b
#7b336d
#7b6533
#337b41

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.
#33497b
#4562a5
#567bd0
#6895fa
#101726
#213050

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.
#33497b
#33667b
#33577b
#33497b
#333b7b
#3a337b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#33497b
#73337b
#667b33

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
#f0f2f6
#e2e5ec
#d3d8e3
#c5cbd9
#b6bed0
#a8b1c6
#99a4bd
#8a97b4
#7c8aaa
#6d7da1
#5f7097
#50638e
#425684
#33497b

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040509
#070a12
#0b101a
#0f1523
#121a2c
#161f35
#1a253e
#1d2a46
#212f4f
#243458
#283961
#2c3f69
#2f4472
#33497b

Contrast Checker

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

8.824 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.38 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 #33497b

Some examples of color palettes with #33497b. View more

Use #33497b in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet