Skip to main content

#475AD2

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
#475AD2
RGB
rgb(71, 90, 210)
RGBA
rgba(71, 90, 210, 1)
HSL
hsl(231.8, 60.7%, 55.1%)
HSLA
hsla(232, 61%, 55%, 1)
CMYK
cmyk(66%, 57%, 0%, 18%)

Color Palettes

Harmonious color combinations based on #475AD2

Monochromatic

Shades and tints of the same hue

#0A0E29
#1E2A7B
#3246CD
#8490E1
#D6DAF5

Analogous

Adjacent colors on the color wheel

#46D2C0
#469FD2
#475AD2
#7A46D2
#C046D2

Complementary

Opposite color for maximum contrast

#475AD2
#D2C046

Triadic

Three evenly spaced colors

#475AD2
#D24659
#59D246

CSS Usage Examples

Background

background-color: #475AD2;

Text

color: #475AD2;

Border

border: 2px solid #475AD2;

Shadow

box-shadow: 0 4px 6px #475AD240;
Feedback