CSS named color
RebeccaPurple
#663399
HEX
#663399RGB
rgb(102, 51, 153)HSL
hsl(270, 50%, 40%)OKLCH
oklch(44.03% 0.1603 303.37)NAME
rebeccapurplePalette
Complementary
180° on the color wheelComplement
#669933
Analogous
±30° around the base hueLeft
#333399
Right
#993399
Triadic
±120° for harmonic contrastTriad 1
#996633
Triad 2
#339966
Shades
Lighter and darker variantsCSS usage
By name
color: rebeccapurple;
background-color: rebeccapurple;By HEX
color: #663399;
background-color: #663399;By RGB
color: rgb(102, 51, 153);
background-color: rgb(102, 51, 153);By HSL
color: hsl(270, 50%, 40%);
background-color: hsl(270, 50%, 40%);WCAG contrast vs white
Aa
8.41:1
AAA
WCAG contrast vs black
Aa
2.50:1
Below minimum
Related colors
FAQ — RebeccaPurple
What is the HEX code for RebeccaPurple?
The HEX code for RebeccaPurple is #663399. It's one of the 148 named CSS colors and can be used directly in CSS as color: rebeccapurple; or color: #663399;
What is RebeccaPurple in RGB?
RebeccaPurple in RGB is rgb(102, 51, 153) — red 102, green 51, blue 153.
What is RebeccaPurple in HSL?
RebeccaPurple in HSL is hsl(270, 50%, 40%) — hue 270°, saturation 50%, lightness 40%.
What is the complementary color of RebeccaPurple?
The complementary color (directly opposite RebeccaPurple on the color wheel) is #669933. The two together produce maximum contrast.
Is white text readable on RebeccaPurple?
The WCAG contrast ratio against white (#FFFFFF) is 8.41:1, and against black (#000000) it's 2.50:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.