#60A5FA

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

#60A5FA

RGB

rgb(96, 165, 250)

RGBA

rgba(96, 165, 250, 1)

HSL

hsl(213.12, 93.9%, 67.84%)

HSLA

hsla(213, 94%, 68%, 1)

CMYK

cmyk(62%, 34%, 0%, 2%)

Color Palettes

Harmonious color combinations based on #60A5FA

Monochromatic

Shades and tints of the same hue

#021731

#054594

#0874F7

#6BABFA

#CEE3FD

Analogous

Adjacent colors on the color wheel

#61FAB5

#61F2FA

#60A5FA

#6861FA

#B561FA

Complementary

Opposite color for maximum contrast

#60A5FA

#FAB561

Triadic

Three evenly spaced colors

#60A5FA

#FA61A6

#A6FA61

CSS Usage Examples

Background

background-color: #60A5FA;

Text

color: #60A5FA;

Border

border: 2px solid #60A5FA;

Shadow

box-shadow: 0 4px 6px #60A5FA40;

Related Colors

Discover harmonious color variations

Complementary

#FAB560

Opposite on color wheel

Lighter

#C3DDFD

+20% lightness

Darker

#076EED

-20% lightness

Analogous -30°

#60F2FA

Adjacent color

Analogous +30°

#6860FA

Adjacent color