#3B82F6

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

#3B82F6

RGB

rgb(59, 130, 246)

RGBA

rgba(59, 130, 246, 1)

HSL

hsl(217.22, 91.22%, 59.8%)

HSLA

hsla(217, 91%, 60%, 1)

CMYK

cmyk(76%, 47%, 0%, 4%)

Color Palettes

Harmonious color combinations based on #3B82F6

Monochromatic

Shades and tints of the same hue

#021431

#073C92

#0B64F4

#6DA2F8

#CEE0FD

Analogous

Adjacent colors on the color wheel

#3CF6AF

#3CE0F6

#3B82F6

#523CF6

#AF3CF6

Complementary

Opposite color for maximum contrast

#3B82F6

#F6AF3C

Triadic

Three evenly spaced colors

#3B82F6

#F63C83

#83F63C

CSS Usage Examples

Background

background-color: #3B82F6;

Text

color: #3B82F6;

Border

border: 2px solid #3B82F6;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#F6AF3B

Opposite on color wheel

Lighter

#9DC0FA

+20% lightness

Darker

#094FC2

-20% lightness

Analogous -30°

#3BDFF6

Adjacent color

Analogous +30°

#523BF6

Adjacent color