#2962FF

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

#2962FF

RGB

rgb(41, 98, 255)

RGBA

rgba(41, 98, 255, 1)

HSL

hsl(224.02, 100%, 58.04%)

HSLA

hsla(224, 100%, 58%, 1)

CMYK

cmyk(84%, 62%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #2962FF

Monochromatic

Shades and tints of the same hue

#000E33

#002999

#0044FF

#668FFF

#CCDAFF

Analogous

Adjacent colors on the color wheel

#29FFC6

#29CDFF

#2962FF

#5B29FF

#C629FF

Complementary

Opposite color for maximum contrast

#2962FF

#FFC629

Triadic

Three evenly spaced colors

#2962FF

#FF2962

#62FF29

CSS Usage Examples

Background

background-color: #2962FF;

Text

color: #2962FF;

Border

border: 2px solid #2962FF;

Shadow

box-shadow: 0 4px 6px #2962FF40;

Related Colors

Discover harmonious color variations

Complementary

#FFC629

Opposite on color wheel

Lighter

#8FADFF

+20% lightness

Darker

#0034C2

-20% lightness

Analogous -30°

#29CDFF

Adjacent color

Analogous +30°

#5B29FF

Adjacent color