Skip to main content

#DCF5DC

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
#DCF5DC
RGB
rgb(220, 245, 220)
RGBA
rgba(220, 245, 220, 1)
HSL
hsl(120, 55.56%, 91.18%)
HSLA
hsla(120, 56%, 91%, 1)
CMYK
cmyk(10%, 0%, 10%, 4%)

Color Palettes

Harmonious color combinations based on #DCF5DC

Monochromatic

Shades and tints of the same hue

#0B280B
#227722
#38C738
#88DD88
#D7F4D7

Analogous

Adjacent colors on the color wheel

#F5F5DB
#E8F5DB
#DCF5DC
#DBF5E8
#DBF5F5

Complementary

Opposite color for maximum contrast

#DCF5DC
#F5DBF5

Triadic

Three evenly spaced colors

#DCF5DC
#DBDBF5
#F5DBDB

CSS Usage Examples

Background

background-color: #DCF5DC;

Text

color: #DCF5DC;

Border

border: 2px solid #DCF5DC;

Shadow

box-shadow: 0 4px 6px #DCF5DC40;
Feedback