#5F8FB4

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

#5F8FB4

RGB

rgb(95, 143, 180)

RGBA

rgba(95, 143, 180, 1)

HSL

hsl(206.12, 36.17%, 53.92%)

HSLA

hsla(206, 36%, 54%, 1)

CMYK

cmyk(47%, 21%, 0%, 29%)

Color Palettes

Harmonious color combinations based on #5F8FB4

Monochromatic

Shades and tints of the same hue

#101B23

#315068

#5286AD

#97B6CE

#DCE7EF

Analogous

Adjacent colors on the color wheel

#5FB484

#5FB4AE

#5F8FB4

#5F65B4

#845FB4

Complementary

Opposite color for maximum contrast

#5F8FB4

#B4845F

Triadic

Three evenly spaced colors

#5F8FB4

#B45F8F

#8FB45F

CSS Usage Examples

Background

background-color: #5F8FB4;

Text

color: #5F8FB4;

Border

border: 2px solid #5F8FB4;

Shadow

box-shadow: 0 4px 6px #5F8FB440;

Related Colors

Discover harmonious color variations

Complementary

#B4845F

Opposite on color wheel

Lighter

#A4C0D5

+20% lightness

Darker

#375B76

-20% lightness

Analogous -30°

#5FB4AF

Adjacent color

Analogous +30°

#5F64B4

Adjacent color