#2196F3

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

#2196F3

RGB

rgb(33, 150, 243)

RGBA

rgba(33, 150, 243, 1)

HSL

hsl(206.57, 89.74%, 54.12%)

HSLA

hsla(207, 90%, 54%, 1)

CMYK

cmyk(86%, 38%, 0%, 5%)

Color Palettes

Harmonious color combinations based on #2196F3

Monochromatic

Shades and tints of the same hue

#031C30

#085391

#0D8BF2

#6EB9F7

#CFE8FC

Analogous

Adjacent colors on the color wheel

#20F37F

#20F3E9

#2196F3

#202BF3

#7F20F3

Complementary

Opposite color for maximum contrast

#2196F3

#F37F20

Triadic

Three evenly spaced colors

#2196F3

#F32094

#94F320

CSS Usage Examples

Background

background-color: #2196F3;

Text

color: #2196F3;

Border

border: 2px solid #2196F3;

Shadow

box-shadow: 0 4px 6px #2196F340;

Related Colors

Discover harmonious color variations

Complementary

#F37E21

Opposite on color wheel

Lighter

#82C4F8

+20% lightness

Darker

#0960A5

-20% lightness

Analogous -30°

#21F3E7

Adjacent color

Analogous +30°

#212DF3

Adjacent color