What is the HEX code for RebeccaPurple?

The HEX code for RebeccaPurple is #663399.

What is the RGB value for RebeccaPurple?

RebeccaPurple uses RGB values 102,51,153.

Can I use RebeccaPurple directly in CSS?

Yes. You can use the named CSS color rebeccapurple, the HEX value #663399, or rgb(102,51,153).

HTML named color

RebeccaPurple color code

Use the RebeccaPurple HTML color with HEX #663399, RGB 102,51,153 and HSL 270,50%,40%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Violets

#663399

rgb(102,51,153)

HEX

#663399

RGB

rgb(102,51,153)

HSL

hsl(270,50%,40%)

OKLCH

oklch(44.0% 0.160 303.4)

CSS name

rebeccapurple

How to use this color

RebeccaPurple can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-rebecca-purple {
  color: #663399;
}

.bg-rebecca-purple {
  background-color: rebeccapurple;
}

.border-rebecca-purple {
  border-color: rgb(102,51,153);
}