Skip to main content

#7277E3

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
#7277E3
RGB
rgb(114, 119, 227)
RGBA
rgba(114, 119, 227, 1)
HSL
hsl(237.35, 66.86%, 66.86%)
HSLA
hsla(237, 67%, 67%, 1)
CMYK
cmyk(50%, 48%, 0%, 11%)

Color Palettes

Harmonious color combinations based on #7277E3

Monochromatic

Shades and tints of the same hue

#080A2B
#191E80
#2A33D5
#7F84E6
#D4D6F7

Analogous

Adjacent colors on the color wheel

#72E3DE
#72B0E3
#7277E3
#A572E3
#DE72E3

Complementary

Opposite color for maximum contrast

#7277E3
#E3DE72

Triadic

Three evenly spaced colors

#7277E3
#E37278
#78E372

CSS Usage Examples

Background

background-color: #7277E3;

Text

color: #7277E3;

Border

border: 2px solid #7277E3;

Shadow

box-shadow: 0 4px 6px #7277E340;
Feedback