#00ACC1

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

#00ACC1

RGB

rgb(0, 172, 193)

RGBA

rgba(0, 172, 193, 1)

HSL

hsl(186.53, 100%, 37.84%)

HSLA

hsla(187, 100%, 38%, 1)

CMYK

cmyk(100%, 11%, 0%, 24%)

Color Palettes

Harmonious color combinations based on #00ACC1

Monochromatic

Shades and tints of the same hue

#002D33

#008799

#00E1FF

#66EDFF

#CCF9FF

Analogous

Adjacent colors on the color wheel

#00C217

#00C278

#00ACC1

#004AC2

#1700C2

Complementary

Opposite color for maximum contrast

#00ACC1

#C21700

Triadic

Three evenly spaced colors

#00ACC1

#C200AB

#ABC200

CSS Usage Examples

Background

background-color: #00ACC1;

Text

color: #00ACC1;

Border

border: 2px solid #00ACC1;

Shadow

box-shadow: 0 4px 6px #00ACC140;

Related Colors

Discover harmonious color variations

Complementary

#C11500

Opposite on color wheel

Lighter

#28E8FF

+20% lightness

Darker

#00515B

-20% lightness

Analogous -30°

#00C175

Adjacent color

Analogous +30°

#004CC1

Adjacent color