Skip to main content

#04485D

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#04485D
RGB
rgb(4, 72, 93)
RGBA
rgba(4, 72, 93, 1)
HSL
hsl(194.16, 91.75%, 19.02%)
HSLA
hsla(194, 92%, 19%, 1)
CMYK
cmyk(96%, 23%, 0%, 64%)

Color Palettes

Harmonious color combinations based on #04485D

Monochromatic

Shades and tints of the same hue

#022631
#067293
#0ABEF5
#6CD8F9
#CEF2FD

Analogous

Adjacent colors on the color wheel

#045D19
#045D45
#04485D
#041C5D
#19045D

Complementary

Opposite color for maximum contrast

#04485D
#5D1904

Triadic

Three evenly spaced colors

#04485D
#5D0448
#485D04

CSS Usage Examples

Background

background-color: #04485D;

Text

color: #04485D;

Border

border: 2px solid #04485D;

Shadow

box-shadow: 0 4px 6px #04485D40;
Feedback