#007680

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

#007680

RGB

rgb(0, 118, 128)

RGBA

rgba(0, 118, 128, 1)

HSL

hsl(184.69, 100%, 25.1%)

HSLA

hsla(185, 100%, 25%, 1)

CMYK

cmyk(100%, 8%, 0%, 50%)

Color Palettes

Harmonious color combinations based on #007680

Monochromatic

Shades and tints of the same hue

#002F33

#008C99

#00EAFF

#66F2FF

#CCFBFF

Analogous

Adjacent colors on the color wheel

#00800B

#00804A

#007680

#003580

#0B0080

Complementary

Opposite color for maximum contrast

#007680

#800B00

Triadic

Three evenly spaced colors

#007680

#800075

#758000

CSS Usage Examples

Background

background-color: #007680;

Text

color: #007680;

Border

border: 2px solid #007680;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#800A00

Opposite on color wheel

Lighter

#00D4E6

+20% lightness

Darker

#00181A

-20% lightness

Analogous -30°

#00804A

Adjacent color

Analogous +30°

#003680

Adjacent color