Purple 600
purple-600 · #9333EA
HEX
#9333EA
RGB
rgb(147, 51, 234)
CMYK
cmyk(37%, 78%, 0%, 8%)
HSL
hsl(271, 81%, 56%)
LAB
lab(45.0, 70.2, -74.7)
What is Purple 600?
Purple 600 is the purple-600 reference in the Tailwind CSS palette. Its sRGB value is #9333EA (rgb 147, 51, 234). It sits in the purple family. The default color palette shipped with Tailwind CSS v3 by Tailwind Labs. 22 color families across 11 lightness steps (50 to 950). See disclaimer for accuracy and trademark notes.
Accessibility
WCAG 2.1 contrast checks for Purple 600 as a background.
Black text on this color
White text on this color
Shades, tints & tonal scale of Purple 600
An 11-step tonal scale derived from Purple 600 (#9333EA). Click any swatch to copy its HEX. Use these as a starting point for design tokens, hover states, and disabled states in a design system.
50
#F6EFFD
#F6EFFD
100
#EEDEFC
#EEDEFC
200
#DCBEF8
#DCBEF8
300
#C999F5
#C999F5
400
#AE66EF
#AE66EF
500
#9333EA
#9333EA
600
#7D2BC7
#7D2BC7
700
#602198
#602198
800
#421769
#421769
900
#250D3B
#250D3B
950
#12061C
#12061C
Lighter tints (mixed with white)
15%
#A975ED
30%
#BC9AF1
45%
#CDB6F4
60%
#DCCDF7
75%
#EAE2FA
Darker shades (mixed with black)
15%
#882FDA
30%
#7D2AC8
45%
#6F25B3
60%
#601E9B
75%
#4C167D
Color harmonies for Purple 600
Classic color-theory harmonies derived from rotating the hue of Purple 600. Use these to build accent palettes, brand systems, and accessible UI color pairings.
Complementary
180° opposite — strongest contrast
#9333EA
#9333EA
#8CEA34
#8CEA34
Triadic
Three colors 120° apart
#9333EA
#9333EA
#EA9234
#EA9234
#34EA92
#34EA92
Analogous
Two neighbors ±30° on the wheel
#3734EA
#3734EA
#9333EA
#9333EA
#EA34E7
#EA34E7
Split-complementary
Base + two colors flanking its complement
#9333EA
#9333EA
#E7EA34
#E7EA34
#34EA37
#34EA37
Tetradic
Two complementary pairs
#9333EA
#9333EA
#EA348C
#EA348C
#8CEA34
#8CEA34
#34EA92
#34EA92
Square
Four colors evenly spaced 90° apart
#9333EA
#9333EA
#EA3734
#EA3734
#8CEA34
#8CEA34
#34E7EA
#34E7EA
Purple 600 in every color space
Full conversion of Purple 600 across the color spaces designers and developers actually use — including OKLCH (the perceptually-uniform space that powers Tailwind v4 and CSS Color Module Level 4) and HWB.
HEX
#9333EA
RGB
rgb(147, 51, 234)
CMYK
cmyk(37%, 78%, 0%, 8%)
HSL
hsl(271, 81%, 56%)
HSV
hsv(271, 78%, 92%)
HWB
hwb(271 20% 8%)
CIE Lab
lab(45.0 70.2 -74.7)
OKLCH
oklch(55.8% 0.252 302.3)
XYZ (D65)
xyz(28.06, 14.51, 79.15)
Copy-ready code for Purple 600
Drop-in snippets for CSS, Tailwind, Sass, iOS Swift, and Android XML. Click the copy button on any snippet to put it on your clipboard.
CSS
color: #9333EA;
background-color: #9333EA;CSS variable
:root {
--color-purple-600: #9333EA;
}Tailwind config
// tailwind.config.js
colors: {
'purple-600': '#9333EA',
}Sass
$color-purple-600: #9333EA;Swift UIColor
UIColor(red: 0.576, green: 0.200, blue: 0.918, alpha: 1.0)Android XML
<color name="purple-600">#9333EA</color>Closest match in every color system
The nearest Purple 600 equivalent in every other color system on this site, ranked by ΔE2000 perceptual distance. Useful when translating between design-system, web-standard, and industrial color references.
Closest in Tailwind CSS palette
Top 6 ΔE2000-closest entries within the same collection.
Closest Pantone matches
Top 6 ΔE2000-closest Pantone references. Cross-system matching is approximate — see disclaimer.
Closest RAL Classic matches
Top 6 ΔE2000-closest RAL Classic references for industrial coating cross-reference.
RAL 7000
#7E8B92
Squirrel grey
RAL 4005
#6C4675
Blue lilac
RAL 4008
#924E7D
Signal violet
RAL 5014
#606E8C
Pigeon blue
RAL 4006
#A03472
Traffic purple
RAL 5023
#49678D
Distant blue
FAQ about Purple 600
What is the HEX code for Purple 600?
Purple 600 (purple-600) has the HEX code #9333EA. In RGB it is rgb(147, 51, 234), and in CMYK it is cmyk(37%, 78%, 0%, 8%).
What is the OKLCH value of Purple 600?
Purple 600 converts to oklch(0.558 0.252 302.3). OKLCH is the perceptually uniform color space used by Tailwind v4 and CSS Color Module Level 4.
Is Purple 600 accessible for body text?
Used as a background, Purple 600 has a contrast ratio of 3.90:1 with black text and 5.38:1 with white text. WCAG 2.1 AA requires 4.5:1 for normal text. The current recommendation is to use white text and verify in real UI context.
What is the closest Pantone to Purple 600?
The closest Pantone reference to Purple 600 by ΔE2000 perceptual distance is Pantone 254 C (#9B26B6). Cross-system Pantone matching is approximate; for color-critical print work, verify with a physical Pantone guide.
What is the closest RAL color to Purple 600?
The closest RAL Classic reference to Purple 600 by ΔE2000 distance is RAL 7000 (Squirrel grey, #7E8B92). RAL is a German industrial coating standard commonly used for paint, powder coat, and architectural specification.
What is the complementary color of Purple 600?
The complementary color (180° opposite on the HSL color wheel) of Purple 600 is #8CEA34. Use it for high-contrast accents, error states, or call-to-action pairings.
Data provenance & source
Tailwind CSS default palette (v3)
The default color palette shipped with Tailwind CSS v3 by Tailwind Labs Inc. Use as a reference for design tokens, web color systems, and Tailwind-based design conversations. Names like 'blue-500' are the project's own naming convention.
- Source type
- derived
- Confidence
- high
- License
- MIT
- Last reviewed
- 2026-05-24
Workflow tags
Tailwind palette values are designed for digital interfaces under sRGB. For print, convert to a process-appropriate value and proof against the substrate; do not rely on sRGB CMYK conversion for color-critical print work.