Skip to main content

#2497EF

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
#2497EF
RGB
rgb(36, 151, 239)
RGBA
rgba(36, 151, 239, 1)
HSL
hsl(206.01, 86.38%, 53.92%)
HSLA
hsla(206, 86%, 54%, 1)
CMYK
cmyk(85%, 37%, 0%, 6%)

Color Palettes

Harmonious color combinations based on #2497EF

Monochromatic

Shades and tints of the same hue

#041C2F
#0B558E
#128EED
#71BBF4
#D0E8FB

Analogous

Adjacent colors on the color wheel

#25EF7C
#25EFE1
#2497EF
#2532EF
#7C25EF

Complementary

Opposite color for maximum contrast

#2497EF
#EF7C25

Triadic

Three evenly spaced colors

#2497EF
#EF2597
#97EF25

CSS Usage Examples

Background

background-color: #2497EF;

Text

color: #2497EF;

Border

border: 2px solid #2497EF;

Shadow

box-shadow: 0 4px 6px #2497EF40;
Feedback