Color guide

Purple Color

#A855F7

purple color codes

HEX
#A855F7
RGB
rgb(168, 85, 247)
HSL
hsl(271, 91%, 65%)
OKLCH
oklch(81% 0.10 296)

What purple means

Purple has long symbolized luxury, wisdom and imagination. Modern tech brands use it to feel innovative and premium at the same time.

How to use it in design

Strong choice for creative tools, beauty products and premium subscription branding.

Color combinations with purple

Harmonies calculated with color theory for the base hue 271°.

Complementary

Maximum contrast: #A855F7 + #A3F755

Open in editor

Analogous

Harmony at ±30°: #5755F7 · #A855F7 · #F755F4

Triadic

Even 120° spacing: #A855F7 · #F7A855 · #55F7A8

purple color shades (50–900 scale)

Ready-to-use tailwind-style scale generated from #A855F7.

50 #351257
100 #39125D
200 #471576
300 #5F17A2
400 #8016E2
500 #A855F7
600 #D0A8F6
700 #F0E3FB
800 #FFFFFF
900 #FFFFFF

FAQ about the purple color

What is the HEX code of purple?

A widely used hex value for purple is #A855F7, which equals rgb(168, 85, 247). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (271°).

What colors go well with purple?

purple pairs beautifully with yellow, mint, white, charcoal. Its complementary color is #A3F755, and a classic triadic scheme adds #F7A855 and #55F7A8.

Is purple accessible for text and backgrounds?

It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping purple in text or UI elements.

Create your own purple palette

Generate harmonious combinations from #A855F7 in seconds.

Open the palette generator