#7DA1C4

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

#7DA1C4

RGB

rgb(125, 161, 196)

RGBA

rgba(125, 161, 196, 1)

HSL

hsl(209.58, 37.57%, 62.94%)

HSLA

hsla(210, 38%, 63%, 1)

CMYK

cmyk(36%, 18%, 0%, 23%)

Color Palettes

Harmonious color combinations based on #7DA1C4

Monochromatic

Shades and tints of the same hue

#101A23

#2F4D6A

#4F80B0

#95B3D0

#DCE6EF

Analogous

Adjacent colors on the color wheel

#7DC5A1

#7DC5C5

#7DA1C4

#7D7DC5

#A17DC5

Complementary

Opposite color for maximum contrast

#7DA1C4

#C5A17D

Triadic

Three evenly spaced colors

#7DA1C4

#C57DA1

#A1C57D

CSS Usage Examples

Background

background-color: #7DA1C4;

Text

color: #7DA1C4;

Border

border: 2px solid #7DA1C4;

Shadow

box-shadow: 0 4px 6px #7DA1C440;

Related Colors

Discover harmonious color variations

Complementary

#C4A07D

Opposite on color wheel

Lighter

#C3D4E4

+20% lightness

Darker

#446E97

-20% lightness

Analogous -30°

#7DC4C4

Adjacent color

Analogous +30°

#7D7DC4

Adjacent color