Skip to main content

#822F63

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
#822F63
RGB
rgb(130, 47, 99)
RGBA
rgba(130, 47, 99, 1)
HSL
hsl(322.41, 46.89%, 34.71%)
HSLA
hsla(322, 47%, 35%, 1)
CMYK
cmyk(0%, 64%, 24%, 49%)

Color Palettes

Harmonious color combinations based on #822F63

Monochromatic

Shades and tints of the same hue

#250E1D
#702956
#BB448F
#D68FBC
#F1DAE9

Analogous

Adjacent colors on the color wheel

#4E2F83
#782F83
#822F63
#832F3A
#834E2F

Complementary

Opposite color for maximum contrast

#822F63
#2F834E

Triadic

Three evenly spaced colors

#822F63
#64832F
#2F6483

CSS Usage Examples

Background

background-color: #822F63;

Text

color: #822F63;

Border

border: 2px solid #822F63;

Shadow

box-shadow: 0 4px 6px #822F6340;
Feedback