Rebecca Purple hex code
The hex code for rebecca purple is #663399. In RGB that is rgb(102, 51, 153) and in HSL it is hsl(270, 50%, 40%).
The hex code for rebecca purple is #663399. In RGB that is rgb(102, 51, 153) and in HSL it is hsl(270, 50%, 40%).
Rebecca Purple · #663399
Colour codes
- HEX
- #663399
- RGB
- rgb(102, 51, 153)
- HSL
- hsl(270, 50%, 40%)
- CMYK
- 33, 67, 0, 40
- CSS name
- rebeccapurple
- Contrast on white
- 8.41:1
- Contrast on black
- 2.50:1
Tints and shades
20% lighter · #855cad
40% lighter · #a385c2
60% lighter · #c2add6
80% lighter · #e0d6eb
20% darker · #52297a
40% darker · #3d1f5c
60% darker · #29143d
80% darker · #140a1f
Complementary colour
Rebecca Purple · #663399
Opposite on the colour wheel · #669933
Frequently asked questions
What is the hex code for rebecca purple?
The hex code for rebecca purple is #663399. In RGB that is rgb(102, 51, 153) and in HSL it is hsl(270, 50%, 40%).
Can I use rebecca purple for text?
It has a contrast ratio of 8.41:1 on white and 2.50:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with rebecca purple?
Its complementary colour, opposite on the colour wheel, is #669933. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of rebecca purple instead.
Is rebecca purple a CSS colour name?
Yes. CSS accepts the keyword rebeccapurple, so color: rebeccapurple and color: #663399 render exactly the same.