#3D5AFE

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

#3D5AFE

RGB

rgb(61, 90, 254)

RGBA

rgba(61, 90, 254, 1)

HSL

hsl(230.98, 98.97%, 61.76%)

HSLA

hsla(231, 99%, 62%, 1)

CMYK

cmyk(76%, 65%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #3D5AFE

Monochromatic

Shades and tints of the same hue

#000833

#011798

#0127FE

#677DFE

#CCD4FF

Analogous

Adjacent colors on the color wheel

#3EFEE1

#3EBBFE

#3D5AFE

#813EFE

#E13EFE

Complementary

Opposite color for maximum contrast

#3D5AFE

#FEE13E

Triadic

Three evenly spaced colors

#3D5AFE

#FE3E5B

#5BFE3E

CSS Usage Examples

Background

background-color: #3D5AFE;

Text

color: #3D5AFE;

Border

border: 2px solid #3D5AFE;

Shadow

box-shadow: 0 4px 6px #3D5AFE40;

Related Colors

Discover harmonious color variations

Complementary

#FEE13D

Opposite on color wheel

Lighter

#A2B0FF

+20% lightness

Darker

#0121D4

-20% lightness

Analogous -30°

#3DBAFE

Adjacent color

Analogous +30°

#813DFE

Adjacent color