Periwinkle color: #ccccff
Periwinkle is #ccccff, rgb(204, 204, 255) in RGB and oklch(86.218% 0.07046 284.827) in OKLCH. Every other format, shades, matching colors and palettes are below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Indigo
- Very light
- Soft
- Pastel
- Cool
- indigo-200
- Black 0%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Recent
Colors you stop on or copy appear here. They stay on this device.
Palettes with Periwinkle
Similar named colors
Questions about Periwinkle
What is the hex code for Periwinkle?
The hex code for Periwinkle is #ccccff. In RGB it is rgb(204, 204, 255), in HSL hsl(240, 100%, 90%) and in OKLCH oklch(86.218% 0.07046 284.827).
What colors go well with Periwinkle?
Its complementary color is #d8d59f. For a calmer look, pair it with the analogous colors #b3d5ff and #e3c4f2. Ready palettes with Periwinkle are shown on this page.
Is Periwinkle a warm or cool color?
Periwinkle is a cool color with an OKLCH hue of 285 degrees.
What text color is readable on Periwinkle?
Black text is more readable on Periwinkle: white gives a contrast ratio of 1.54:1 and black gives 13.65:1. WCAG AA asks for at least 4.5:1 for body text.
About #ccccff
#ccccff is a pastel very light indigo color. In OKLCH it has 86.2% lightness, 0.07 chroma and a hue of 285°.
Inside sRGB: displays the same on any screen.
White text on it reaches 1.54:1 contrast and black text 13.65:1, so black text reads better.
The closest named color is Lavender Blue (#ccccff). In Tailwind CSS the closest color is indigo-200.