#0C4A6E

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

#0C4A6E

RGB

rgb(12, 74, 110)

RGBA

rgba(12, 74, 110, 1)

HSL

hsl(202.04, 80.33%, 23.92%)

HSLA

hsla(202, 80%, 24%, 1)

CMYK

cmyk(89%, 33%, 0%, 57%)

Color Palettes

Harmonious color combinations based on #0C4A6E

Monochromatic

Shades and tints of the same hue

#051F2E

#0F5D8A

#199BE6

#75C3F0

#D1EBFA

Analogous

Adjacent colors on the color wheel

#0C6E30

#0C6E61

#0C4A6E

#0C196E

#300C6E

Complementary

Opposite color for maximum contrast

#0C4A6E

#6E300C

Triadic

Three evenly spaced colors

#0C4A6E

#6E0C4A

#4A6E0C

CSS Usage Examples

Background

background-color: #0C4A6E;

Text

color: #0C4A6E;

Border

border: 2px solid #0C4A6E;

Shadow

box-shadow: 0 4px 6px #0C4A6E40;

Related Colors

Discover harmonious color variations

Complementary

#6E300C

Opposite on color wheel

Lighter

#1688CA

+20% lightness

Darker

#020C12

-20% lightness

Analogous -30°

#0C6E61

Adjacent color

Analogous +30°

#0C196E

Adjacent color