Skip to main content

#54C9BD

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
#54C9BD
RGB
rgb(84, 201, 189)
RGBA
rgba(84, 201, 189, 1)
HSL
hsl(173.85, 52%, 55.88%)
HSLA
hsla(174, 52%, 56%, 1)
CMYK
cmyk(58%, 0%, 6%, 21%)

Color Palettes

Harmonious color combinations based on #54C9BD

Monochromatic

Shades and tints of the same hue

#0C2724
#25746C
#3DC2B5
#8BDAD2
#D8F3F0

Analogous

Adjacent colors on the color wheel

#60C954
#54C983
#54C9BD
#549AC9
#5460C9

Complementary

Opposite color for maximum contrast

#54C9BD
#C95460

Triadic

Three evenly spaced colors

#54C9BD
#BD54C9
#C9BD54

CSS Usage Examples

Background

background-color: #54C9BD;

Text

color: #54C9BD;

Border

border: 2px solid #54C9BD;

Shadow

box-shadow: 0 4px 6px #54C9BD40;
Feedback