ColorPairLabRebecca Purple hex and RGB values
The CSS keyword rebeccapurple gives you #663399, or rgb(102, 51, 153).
Rebecca Purple is the display name for the CSS keyword rebeccapurple. Use that unbroken spelling in code and keep any friendlier label in your design notes.
Compare black and white text
| Text / background | Ratio | AA normal | AA large | AAA normal | AAA large |
|---|---|---|---|---|---|
| #000000 / #663399 | 2.50:1 | Fail | Fail | Fail | Fail |
| #FFFFFF / #663399 | 8.41:1 | Pass | Pass | Pass | Pass |
White text has the higher contrast on rebecca purple: 8.41:1. The table compares both options against all four text thresholds, using the unrounded values for pass or fail.
Try rebecca purple in a layout
The CSS sample below uses white text on #663399. Preview a 16 px label and a 24 px heading to compare normal and large text. Swap the colors to try rebecca purple as the text color; the ratio stays the same.
.sample {
background: #663399;
color: #FFFFFF;
}Copy the exact color
Use the converter to copy HEX, RGB or HSL. If you edit in HSL, the final value is rounded to eight-bit sRGB so the preview and exported color agree. For text over an image, gradient or translucent layer, check the finished design separately.