#00558C

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

#00558C

RGB

rgb(0, 85, 140)

RGBA

rgba(0, 85, 140, 1)

HSL

hsl(203.57, 100%, 27.45%)

HSLA

hsla(204, 100%, 27%, 1)

CMYK

cmyk(100%, 39%, 0%, 45%)

Color Palettes

Harmonious color combinations based on #00558C

Monochromatic

Shades and tints of the same hue

#001F33

#005C99

#0099FF

#66C2FF

#CCEBFF

Analogous

Adjacent colors on the color wheel

#008A37

#008A7C

#00558C

#000E8A

#37008A

Complementary

Opposite color for maximum contrast

#00558C

#8A3700

Triadic

Three evenly spaced colors

#00558C

#8A0053

#538A00

CSS Usage Examples

Background

background-color: #00558C;

Text

color: #00558C;

Border

border: 2px solid #00558C;

Shadow

box-shadow: 0 4px 6px #00558C40;

Related Colors

Discover harmonious color variations

Complementary

#8C3700

Opposite on color wheel

Lighter

#0093F2

+20% lightness

Darker

#001726

-20% lightness

Analogous -30°

#008C7D

Adjacent color

Analogous +30°

#000F8C

Adjacent color