Skip to main content

#682AC5

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
#682AC5
RGB
rgb(104, 42, 197)
RGBA
rgba(104, 42, 197, 1)
HSL
hsl(264, 64.85%, 46.86%)
HSLA
hsla(264, 65%, 47%, 1)
CMYK
cmyk(47%, 79%, 0%, 23%)

Color Palettes

Harmonious color combinations based on #682AC5

Monochromatic

Shades and tints of the same hue

#16092A
#431B7E
#6F2DD2
#A981E4
#E2D5F6

Analogous

Adjacent colors on the color wheel

#2A87C6
#2A3AC6
#682AC5
#B62AC6
#C62A87

Complementary

Opposite color for maximum contrast

#682AC5
#87C62A

Triadic

Three evenly spaced colors

#682AC5
#C6682A
#2AC668

CSS Usage Examples

Background

background-color: #682AC5;

Text

color: #682AC5;

Border

border: 2px solid #682AC5;

Shadow

box-shadow: 0 4px 6px #682AC540;
Feedback