Skip to main content

#4522FF

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
#4522FF
RGB
rgb(69, 34, 255)
RGBA
rgba(69, 34, 255, 1)
HSL
hsl(249.5, 100%, 56.67%)
HSLA
hsla(250, 100%, 57%, 1)
CMYK
cmyk(73%, 87%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #4522FF

Monochromatic

Shades and tints of the same hue

#090033
#1A0099
#2B00FF
#8066FF
#D5CCFF

Analogous

Adjacent colors on the color wheel

#24DAFF
#246DFF
#4522FF
#B624FF
#FF24DA

Complementary

Opposite color for maximum contrast

#4522FF
#DAFF24

Triadic

Three evenly spaced colors

#4522FF
#FF4824
#24FF48

CSS Usage Examples

Background

background-color: #4522FF;

Text

color: #4522FF;

Border

border: 2px solid #4522FF;

Shadow

box-shadow: 0 4px 6px #4522FF40;
Feedback