Skip to main content

#AFDED2

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
#AFDED2
RGB
rgb(175, 222, 210)
RGBA
rgba(175, 222, 210, 1)
HSL
hsl(164.68, 41.59%, 77.84%)
HSLA
hsla(165, 42%, 78%, 1)
CMYK
cmyk(21%, 0%, 5%, 13%)

Color Palettes

Harmonious color combinations based on #AFDED2

Monochromatic

Shades and tints of the same hue

#0F241F
#2C6D5D
#4AB59A
#92D3C3
#DBF0EB

Analogous

Adjacent colors on the color wheel

#BBDEAF
#AFDEBB
#AFDED2
#AFD3DE
#AFBBDE

Complementary

Opposite color for maximum contrast

#AFDED2
#DEAFBB

Triadic

Three evenly spaced colors

#AFDED2
#D3AFDE
#DED3AF

CSS Usage Examples

Background

background-color: #AFDED2;

Text

color: #AFDED2;

Border

border: 2px solid #AFDED2;

Shadow

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