#00313C

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

#00313C

RGB

rgb(0, 49, 60)

RGBA

rgba(0, 49, 60, 1)

HSL

hsl(191, 100%, 11.76%)

HSLA

hsla(191, 100%, 12%, 1)

CMYK

cmyk(100%, 18%, 0%, 76%)

Color Palettes

Harmonious color combinations based on #00313C

Monochromatic

Shades and tints of the same hue

#002A33

#007D99

#00D0FF

#66E3FF

#CCF6FF

Analogous

Adjacent colors on the color wheel

#003D0B

#003D2A

#00313C

#00133D

#0B003D

Complementary

Opposite color for maximum contrast

#00313C

#3D0B00

Triadic

Three evenly spaced colors

#00313C

#3D0032

#323D00

CSS Usage Examples

Background

background-color: #00313C;

Text

color: #00313C;

Border

border: 2px solid #00313C;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#3C0B00

Opposite on color wheel

Lighter

#0084A2

+20% lightness

Darker

#000000

-20% lightness

Analogous -30°

#003C29

Adjacent color

Analogous +30°

#00133C

Adjacent color