#536DFE

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

#536DFE

RGB

rgb(83, 109, 254)

RGBA

rgba(83, 109, 254, 1)

HSL

hsl(230.88, 98.84%, 66.08%)

HSLA

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

CMYK

cmyk(67%, 57%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #536DFE

Monochromatic

Shades and tints of the same hue

#000833

#011798

#0127FE

#677DFE

#CCD4FF

Analogous

Adjacent colors on the color wheel

#52FEE4

#52C2FE

#536DFE

#8F52FE

#E452FE

Complementary

Opposite color for maximum contrast

#536DFE

#FEE452

Triadic

Three evenly spaced colors

#536DFE

#FE526C

#6CFE52

CSS Usage Examples

Background

background-color: #536DFE;

Text

color: #536DFE;

Border

border: 2px solid #536DFE;

Shadow

box-shadow: 0 4px 6px #536DFE40;

Related Colors

Discover harmonious color variations

Complementary

#FEE453

Opposite on color wheel

Lighter

#B8C3FF

+20% lightness

Darker

#0125EA

-20% lightness

Analogous -30°

#53C3FE

Adjacent color

Analogous +30°

#8E53FE

Adjacent color