Skip to main content

#2C4395

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
#2C4395
RGB
rgb(44, 67, 149)
RGBA
rgba(44, 67, 149, 1)
HSL
hsl(226.86, 54.4%, 37.84%)
HSLA
hsla(227, 54%, 38%, 1)
CMYK
cmyk(70%, 55%, 0%, 42%)

Color Palettes

Harmonious color combinations based on #2C4395

Monochromatic

Shades and tints of the same hue

#0C1227
#233576
#3B58C4
#899BDC
#D8DEF3

Analogous

Adjacent colors on the color wheel

#2D957F
#2D7895
#2C4395
#4A2D95
#7F2D95

Complementary

Opposite color for maximum contrast

#2C4395
#957F2D

Triadic

Three evenly spaced colors

#2C4395
#952D43
#43952D

CSS Usage Examples

Background

background-color: #2C4395;

Text

color: #2C4395;

Border

border: 2px solid #2C4395;

Shadow

box-shadow: 0 4px 6px #2C439540;
Feedback