#0277BD

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

#0277BD

RGB

rgb(2, 119, 189)

RGBA

rgba(2, 119, 189, 1)

HSL

hsl(202.46, 97.91%, 37.45%)

HSLA

hsla(202, 98%, 37%, 1)

CMYK

cmyk(99%, 37%, 0%, 26%)

Color Palettes

Harmonious color combinations based on #0277BD

Monochromatic

Shades and tints of the same hue

#012032

#026097

#03A1FC

#68C6FD

#CDECFE

Analogous

Adjacent colors on the color wheel

#02BB46

#02BBA2

#0277BD

#021BBB

#4602BB

Complementary

Opposite color for maximum contrast

#0277BD

#BB4602

Triadic

Three evenly spaced colors

#0277BD

#BB0277

#77BB02

CSS Usage Examples

Background

background-color: #0277BD;

Text

color: #0277BD;

Border

border: 2px solid #0277BD;

Shadow

box-shadow: 0 4px 6px #0277BD40;

Related Colors

Discover harmonious color variations

Complementary

#BD4802

Opposite on color wheel

Lighter

#28ADFD

+20% lightness

Darker

#013758

-20% lightness

Analogous -30°

#02BDA6

Adjacent color

Analogous +30°

#0219BD

Adjacent color