Skip to main content

#2871AE

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
#2871AE
RGB
rgb(40, 113, 174)
RGBA
rgba(40, 113, 174, 1)
HSL
hsl(207.31, 62.62%, 41.96%)
HSLA
hsla(207, 63%, 42%, 1)
CMYK
cmyk(77%, 35%, 0%, 32%)

Color Palettes

Harmonious color combinations based on #2871AE

Monochromatic

Shades and tints of the same hue

#091B2A
#1C517D
#2F88D0
#82B7E3
#D5E7F6

Analogous

Adjacent colors on the color wheel

#28AF64
#28AFA8
#2871AE
#282EAF
#6428AF

Complementary

Opposite color for maximum contrast

#2871AE
#AF6428

Triadic

Three evenly spaced colors

#2871AE
#AF2872
#72AF28

CSS Usage Examples

Background

background-color: #2871AE;

Text

color: #2871AE;

Border

border: 2px solid #2871AE;

Shadow

box-shadow: 0 4px 6px #2871AE40;
Feedback