Skip to main content

#7314FF

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
#7314FF
RGB
rgb(115, 20, 255)
RGBA
rgba(115, 20, 255, 1)
HSL
hsl(264.26, 100%, 53.92%)
HSLA
hsla(264, 100%, 54%, 1)
CMYK
cmyk(55%, 92%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #7314FF

Monochromatic

Shades and tints of the same hue

#140033
#3D0099
#6600FF
#A366FF
#E0CCFF

Analogous

Adjacent colors on the color wheel

#14A1FF
#142CFF
#7314FF
#E814FF
#FF14A1

Complementary

Opposite color for maximum contrast

#7314FF
#A1FF14

Triadic

Three evenly spaced colors

#7314FF
#FF7214
#14FF72

CSS Usage Examples

Background

background-color: #7314FF;

Text

color: #7314FF;

Border

border: 2px solid #7314FF;

Shadow

box-shadow: 0 4px 6px #7314FF40;
Feedback