Skip to main content

#48CCDD

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
#48CCDD
RGB
rgb(72, 204, 221)
RGBA
rgba(72, 204, 221, 1)
HSL
hsl(186.85, 68.66%, 57.45%)
HSLA
hsla(187, 69%, 57%, 1)
CMYK
cmyk(67%, 8%, 0%, 13%)

Color Palettes

Harmonious color combinations based on #48CCDD

Monochromatic

Shades and tints of the same hue

#08272B
#187581
#28C3D7
#7EDBE7
#D4F3F7

Analogous

Adjacent colors on the color wheel

#46DD57
#46DDA3
#48CCDD
#4680DD
#5746DD

Complementary

Opposite color for maximum contrast

#48CCDD
#DD5746

Triadic

Three evenly spaced colors

#48CCDD
#DD46CB
#CBDD46

CSS Usage Examples

Background

background-color: #48CCDD;

Text

color: #48CCDD;

Border

border: 2px solid #48CCDD;

Shadow

box-shadow: 0 4px 6px #48CCDD40;
Feedback