Skip to main content

#22419D

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
#22419D
RGB
rgb(34, 65, 157)
RGBA
rgba(34, 65, 157, 1)
HSL
hsl(224.88, 64.4%, 37.45%)
HSLA
hsla(225, 64%, 37%, 1)
CMYK
cmyk(78%, 59%, 0%, 38%)

Color Palettes

Harmonious color combinations based on #22419D

Monochromatic

Shades and tints of the same hue

#09112A
#1C347D
#2E57D1
#829AE3
#D5DDF6

Analogous

Adjacent colors on the color wheel

#229B7D
#227D9B
#22419D
#40229B
#7D229B

Complementary

Opposite color for maximum contrast

#22419D
#9B7D22

Triadic

Three evenly spaced colors

#22419D
#9B2240
#409B22

CSS Usage Examples

Background

background-color: #22419D;

Text

color: #22419D;

Border

border: 2px solid #22419D;

Shadow

box-shadow: 0 4px 6px #22419D40;
Feedback