Purple color

Periwinkle #CCCCFF

#CCCCFF · rgb(204, 204, 255)

Periwinkle is the color #CCCCFF. In RGB it is rgb(204, 204, 255) — 80% red, 80% green and 100% blue. Its CMYK breakdown is 20% cyan, 20% magenta, 0% yellow and 0% black, and in HSL it sits at 240° hue, 100% saturation and 90% lightness. Periwinkle is not a standard CSS color name; the nearest web color is Thistle (#D8BFD8). The closest web-safe color is #CCCCFF.

Open in color picker Convert Make a palette Check contrast

Periwinkle color codes

Hex#CCCCFF

RGBrgb(204, 204, 255)

RGB %80%, 80%, 100%

HSLhsl(240, 100%, 90%)

HSV / HSBhsv(240, 20%, 100%)

CMYKcmyk(20%, 20%, 0%, 0%)

OKLCHoklch(86% 0.07 285)

Closest web-safe#CCCCFF

Periwinkle color meaning

Periwinkle is a soft and airy purple — a cool color at 90% lightness and 100% saturation. Like other purples, it is linked with creativity, luxury and imagination. Rare and expensive to dye for most of history, it still suggests royalty, mystery and individuality.

Because it is soft and airy, periwinkle works best for backgrounds, walls, baby rooms, wedding stationery and large calm surfaces. As text on white it would be too faint (1.5:1), so use it for fills and backgrounds and put black text on top (13.6:1).

What colors go with Periwinkle?

Periwinkle pairs well with Lemon Chiffon, Lavender, Thistle and Charcoal: Lemon Chiffon sits close to its opposite on the color wheel for strong contrast, Lavender and Thistle are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around periwinkle in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Periwinkle at a glance

Color family	Purple · cool, soft and airy
CSS color name	No — nearest keyword is Thistle (#D8BFD8)
As text on white	1.54:1 — not readable as text
Best text on it	Black (13.65:1)
For print (CMYK)	20% cyan, 20% magenta, 0% yellow, 0% black
Full screen	Open the periwinkle screen — fill your display or download it in 4K

Contrast

Contrast ratio of Periwinkle against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.54:1 Black text — 13.65:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Periwinkle

Periwinkle color FAQ

What is the hex code for Periwinkle?

Periwinkle is #CCCCFF, which is rgb(204, 204, 255) and hsl(240, 100%, 90%). For print it is roughly C20 M20 Y0 K0.

What colors go with Periwinkle?

Periwinkle pairs well with Lemon Chiffon, Lavender, Thistle, Charcoal. Lemon Chiffon gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Periwinkle a warm or cool color?

Periwinkle is a cool color: its hue is 240°, on the green, blue and violet side of the color wheel.

What text color looks best on Periwinkle?

Black text, with a contrast ratio of 13.6:1, which meets WCAG AA for normal text.