Skip to main content

#54FFDF

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
#54FFDF
RGB
rgb(84, 255, 223)
RGBA
rgba(84, 255, 223, 1)
HSL
hsl(168.77, 100%, 66.47%)
HSLA
hsla(169, 100%, 66%, 1)
CMYK
cmyk(67%, 0%, 13%, 0%)

Color Palettes

Harmonious color combinations based on #54FFDF

Monochromatic

Shades and tints of the same hue

#00332A
#00997D
#00FFD0
#66FFE3
#CCFFF6

Analogous

Adjacent colors on the color wheel

#71FF52
#52FF89
#54FFDF
#52C8FF
#5271FF

Complementary

Opposite color for maximum contrast

#54FFDF
#FF5271

Triadic

Three evenly spaced colors

#54FFDF
#DF52FF
#FFDF52

CSS Usage Examples

Background

background-color: #54FFDF;

Text

color: #54FFDF;

Border

border: 2px solid #54FFDF;

Shadow

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