HEX
#663399Primary tokenCSS Named Color Reference
Rebecca Purple Color Code
Rebecca Purple·#663399
Purple FamilyCoolMid toneMid saturationoklch(44.0% 0.160 303)
RGB
rgb(102, 51, 153)Screen valuesHSL
hsl(270 50% 40%)Hue and lightnessCMYK
33, 67, 0, 40Print handoffLAB
33, 43, -47Perceptual referenceOKLCH
oklch(44.0% 0.160 303)Modern perceptualRebecca Purple is a mid-tone, balanced CSS named color at #663399. If you searched for rebecca purple hex code, 663399, or rebecca 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 contrast8.41:1
Best UsePremium accents, creative tools, cultural moods, and experimental UI moments
Tonal Scale
100#E3DAED
300#B9A1D0
500#8258AB
600#663399
800#49256E
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
8.41:1AAA-level contrast
Dark text on this color
Large headings and selective UI.
2.04:1Needs more separation
This color on light surface
Links, borders, and icons on light UI.
7.98:1AAA-level contrast
Best text colorWhite textContrast 8.41:1
Professional Reference
OKLCHoklch(44.0% 0.160 303)
Relative Luminance0.0749
Source TypeCSS Named Color
Classification
Purple FamilyCoolMid toneMid saturation
Source Context
Source Type
CSS Named Color
System
CSS
Closest Matches
Tailwind Purple 900Flat UI WisteriaMaterial Deep Purple 600
Color Notes
- Rebecca Purple is kept as an exact CSS named color for #663399.
- Queries for rebecca purple color code, 663399, or rebecca 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.
8.41:1AAA
Dark text on this color
Dark text or headings on the current color.
2.04:1Needs more separation
This color on light surface
Use this color for links, strokes, or icons on light UI.
7.98:1AAA
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
2.04:1Needs more separation
Best text colorWhite textContrast 8.41: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
Rebecca 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-rebecca-purple: #663399;
--color-rebecca-purple-rgb: 102 51 153;
}class="bg-[#663399] text-white"
class="hover:bg-[#49256E] ring-1 ring-[#663399]"{
"rebeccaPurple": "#663399",
"rebeccaPurpleRgb": [102, 51, 153],
"rebeccaPurpleHsl": [270, 50, 40]
}