#0284C7

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

#0284C7

RGB

rgb(2, 132, 199)

RGBA

rgba(2, 132, 199, 1)

HSL

hsl(200.41, 98.01%, 39.41%)

HSLA

hsla(200, 98%, 39%, 1)

CMYK

cmyk(99%, 34%, 0%, 22%)

Color Palettes

Harmonious color combinations based on #0284C7

Monochromatic

Shades and tints of the same hue

#012232

#026597

#03A9FC

#68CBFD

#CDEEFE

Analogous

Adjacent colors on the color wheel

#02C543

#02C5A4

#0284C7

#0222C5

#4302C5

Complementary

Opposite color for maximum contrast

#0284C7

#C54302

Triadic

Three evenly spaced colors

#0284C7

#C50284

#84C502

CSS Usage Examples

Background

background-color: #0284C7;

Text

color: #0284C7;

Border

border: 2px solid #0284C7;

Shadow

box-shadow: 0 4px 6px #0284C740;

Related Colors

Discover harmonious color variations

Complementary

#C74502

Opposite on color wheel

Lighter

#32B8FD

+20% lightness

Darker

#014162

-20% lightness

Analogous -30°

#02C7A8

Adjacent color

Analogous +30°

#0221C7

Adjacent color