Skip to main content

#1580FA

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
#1580FA
RGB
rgb(21, 128, 250)
RGBA
rgba(21, 128, 250, 1)
HSL
hsl(211.97, 95.82%, 53.14%)
HSLA
hsla(212, 96%, 53%, 1)
CMYK
cmyk(92%, 49%, 0%, 2%)

Color Palettes

Harmonious color combinations based on #1580FA

Monochromatic

Shades and tints of the same hue

#011832
#034896
#0577FA
#69AEFC
#CDE4FE

Analogous

Adjacent colors on the color wheel

#14FA8F
#14F3FA
#1580FA
#1C14FA
#8F14FA

Complementary

Opposite color for maximum contrast

#1580FA
#FA8F14

Triadic

Three evenly spaced colors

#1580FA
#FA147F
#7FFA14

CSS Usage Examples

Background

background-color: #1580FA;

Text

color: #1580FA;

Border

border: 2px solid #1580FA;

Shadow

box-shadow: 0 4px 6px #1580FA40;
Feedback