Skip to main content

#2873AE

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
#2873AE
RGB
rgb(40, 115, 174)
RGBA
rgba(40, 115, 174, 1)
HSL
hsl(206.42, 62.62%, 41.96%)
HSLA
hsla(206, 63%, 42%, 1)
CMYK
cmyk(77%, 34%, 0%, 32%)

Color Palettes

Harmonious color combinations based on #2873AE

Monochromatic

Shades and tints of the same hue

#091C2A
#1C537D
#2F8AD0
#82B9E3
#D5E8F6

Analogous

Adjacent colors on the color wheel

#28AF62
#28AFA6
#2873AE
#2831AF
#6228AF

Complementary

Opposite color for maximum contrast

#2873AE
#AF6228

Triadic

Three evenly spaced colors

#2873AE
#AF2874
#74AF28

CSS Usage Examples

Background

background-color: #2873AE;

Text

color: #2873AE;

Border

border: 2px solid #2873AE;

Shadow

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