Skip to main content

#2222B2

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
#2222B2
RGB
rgb(34, 34, 178)
RGBA
rgba(34, 34, 178, 1)
HSL
hsl(240, 67.92%, 41.57%)
HSLA
hsla(240, 68%, 42%, 1)
CMYK
cmyk(81%, 81%, 0%, 30%)

Color Palettes

Harmonious color combinations based on #2222B2

Monochromatic

Shades and tints of the same hue

#08082B
#181881
#2929D6
#7E7EE7
#D4D4F7

Analogous

Adjacent colors on the color wheel

#22B4B4
#226BB4
#2222B2
#6B22B4
#B422B4

Complementary

Opposite color for maximum contrast

#2222B2
#B4B422

Triadic

Three evenly spaced colors

#2222B2
#B42222
#22B422

CSS Usage Examples

Background

background-color: #2222B2;

Text

color: #2222B2;

Border

border: 2px solid #2222B2;

Shadow

box-shadow: 0 4px 6px #2222B240;
Feedback