#2563EB

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

#2563EB

RGB

rgb(37, 99, 235)

RGBA

rgba(37, 99, 235, 1)

HSL

hsl(221.21, 83.19%, 53.33%)

HSLA

hsla(221, 83%, 53%, 1)

CMYK

cmyk(84%, 58%, 0%, 8%)

Color Palettes

Harmonious color combinations based on #2563EB

Monochromatic

Shades and tints of the same hue

#04122F

#0D358C

#1659E9

#739BF2

#D0DEFB

Analogous

Adjacent colors on the color wheel

#24EBAC

#24C6EB

#2563EB

#4824EB

#AC24EB

Complementary

Opposite color for maximum contrast

#2563EB

#EBAC24

Triadic

Three evenly spaced colors

#2563EB

#EB2463

#63EB24

CSS Usage Examples

Background

background-color: #2563EB;

Text

color: #2563EB;

Border

border: 2px solid #2563EB;

Shadow

box-shadow: 0 4px 6px #2563EB40;

Related Colors

Discover harmonious color variations

Complementary

#EBAD25

Opposite on color wheel

Lighter

#82A6F4

+20% lightness

Darker

#0E3B9C

-20% lightness

Analogous -30°

#25C6EB

Adjacent color

Analogous +30°

#4A25EB

Adjacent color