HEX
#800080Primary tokenCSS Named Color Reference
Purple Color Code
Purple·#800080
Purple FamilyCoolDark toneHigh saturationoklch(42.1% 0.193 328)
RGB
rgb(128, 0, 128)Screen valuesHSL
hsl(300 100% 25%)Hue and lightnessCMYK
0, 100, 0, 50Print handoffLAB
30, 59, -36Perceptual referenceOKLCH
oklch(42.1% 0.193 328)Modern perceptualPurple is a deep, high-saturation CSS named color at #800080. If you searched for purple hex code, 800080, or purple RGB, this page gives the exact color value, conversion formats, contrast checks, nearby colors, and links into the lookup and converter workflows.
Best text colorWhite text
Body text contrast9.42:1
Best UsePremium accents, creative tools, cultural moods, and experimental UI moments
Tonal Scale
100#E8D1E8
300#C58AC5
500#972E97
600#800080
800#5C005C
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
9.42:1AAA-level contrast
Dark text on this color
Large headings and selective UI.
1.82:1Needs more separation
This color on light surface
Links, borders, and icons on light UI.
8.95:1AAA-level contrast
Best text colorWhite textContrast 9.42:1
Professional Reference
OKLCHoklch(42.1% 0.193 328)
Relative Luminance0.0615
Source TypeCSS Named Color
Classification
Purple FamilyCoolDark toneHigh saturation
Source Context
Source Type
CSS Named Color
System
CSS
Closest Matches
Dark MagentaTailwind Fuchsia 800Tailwind Fuchsia 900
Color Notes
- Purple is kept as an exact CSS named color for #800080.
- Queries for purple color code, 800080, or purple RGB usually need the value first, then contrast and implementation context.
Accessibility Matrix
White text on this color
White text placed on the current color.
9.42:1AAA
Dark text on this color
Dark text or headings on the current color.
1.82:1Needs more separation
This color on light surface
Use this color for links, strokes, or icons on light UI.
8.95:1AAA
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
1.82:1Needs more separation
Best text colorWhite textContrast 9.42:1 · AAA
Where It Works
- Use it for premium cues, creative workflows, badges, highlights, and experimental UI.
- Deep purples usually support white text better than low-contrast dark text.
- Pair with white, lavender tints, indigo neighbors, and cool neutrals.
Reference Notes
Last Updated
2026-09-03
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Purple is sourced from the published CSS Standard Colors library and retained here as a searchable reference swatch for product and interface reference work.
Hue Family
Expressive violets for premium and cultural moods.
Source Collections
CSS Named Colors
Related Colors
Palette Starting Points
Implementation Snippets
:root {
--color-purple: #800080;
--color-purple-rgb: 128 0 128;
}class="bg-[#800080] text-white"
class="hover:bg-[#5C005C] ring-1 ring-[#800080]"{
"purple": "#800080",
"purpleRgb": [128, 0, 128],
"purpleHsl": [300, 100, 25]
}