Skip to main content

#222142

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
#222142
RGB
rgb(34, 33, 66)
RGBA
rgba(34, 33, 66, 1)
HSL
hsl(241.82, 33.33%, 19.41%)
HSLA
hsla(242, 33%, 19%, 1)
CMYK
cmyk(48%, 50%, 0%, 74%)

Color Palettes

Harmonious color combinations based on #222142

Monochromatic

Shades and tints of the same hue

#121122
#353366
#5855AA
#9B99CC
#DEDDEE

Analogous

Adjacent colors on the color wheel

#203F40
#202F40
#222142
#322040
#40203F

Complementary

Opposite color for maximum contrast

#222142
#3F4020

Triadic

Three evenly spaced colors

#222142
#402220
#204022

CSS Usage Examples

Background

background-color: #222142;

Text

color: #222142;

Border

border: 2px solid #222142;

Shadow

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