Color picker

#004a7b

Conversion

HEX#004a7b
HEX8#004a7bff
RGBrgb(0, 74, 123)
CMYK[1,0.4,0,0.52]
Name#004a7b
HCL[270.17,33.31,30.22]
oklab[0.4,-0.04,-0.1]
Num19067
HSI[203.31,1,0.26]
lab[30.22,0.1,-33.31]
Lighten
#0087e1
Darken
#000d15
Saturate
#004a7b
Desaturate
#0c476f
Greyscale
#3d3d3d
Brighten
#337dae

Color harmonies of #004a7b

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.
#004a7b
#7b004a
#4a7b00

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.
#004a7b
#6e007b
#7b3100
#0c7b00

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.
#004a7b
#0064a5
#007dd0
#0097fa
#001726
#003050

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.
#004a7b
#007b7b
#00637b
#004a7b
#00317b
#00197b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#004a7b
#4a007b
#7b7b00

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
#edf2f6
#dbe5ec
#c8d8e3
#b6cbd9
#a4bed0
#92b1c6
#80a5bd
#6d98b4
#5b8baa
#497ea1
#377197
#24648e
#125784
#004a7b

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#000509
#000b12
#00101a
#001523
#001a2c
#002035
#00253e
#002a46
#00304f
#003558
#003a61
#003f69
#004572
#004a7b

Contrast Checker

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

9.269 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.266 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 #004a7b

Some examples of color palettes with #004a7b. View more

Use #004a7b in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet