Skip to main content

#22118E

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
#22118E
RGB
rgb(34, 17, 142)
RGBA
rgba(34, 17, 142, 1)
HSL
hsl(248.16, 78.62%, 31.18%)
HSLA
hsla(248, 79%, 31%, 1)
CMYK
cmyk(76%, 88%, 0%, 44%)

Color Palettes

Harmonious color combinations based on #22118E

Monochromatic

Shades and tints of the same hue

#0B052E
#201089
#361BE4
#8676EF
#D7D1FA

Analogous

Adjacent colors on the color wheel

#117D8D
#113E8D
#22118E
#60118D
#8D117D

Complementary

Opposite color for maximum contrast

#22118E
#7D8D11

Triadic

Three evenly spaced colors

#22118E
#8D2111
#118D21

CSS Usage Examples

Background

background-color: #22118E;

Text

color: #22118E;

Border

border: 2px solid #22118E;

Shadow

box-shadow: 0 4px 6px #22118E40;
Feedback