bluecool
Periwinkle #CCCCFF
A pale blue-violet, named after the flower.
Use cases: Whimsical palettes · Soft accents
Color values
| Format | Value | |
|---|---|---|
| HEX | #CCCCFF | |
| RGB | rgb(204, 204, 255) | |
| HSL | hsl(240, 100%, 90%) | |
| HSV | hsv(240, 20%, 100%) | |
| CMYK | cmyk(20%, 20%, 0%, 0%) | |
| XYZ | xyz(64.5404, 63.2421, 103.395) | |
| CIE-LAB | lab(83.6, 10.3, -24.9) | |
| Luminance | 0.632 (WCAG relative) |
/* Periwinkle */
color: #ccccff;
background-color: #ccccff;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#b8b8e6 #a3a3cc #8f8fb3 #7a7a99 #666680 #525266 #3d3d4d #292933 #14141a #000000
Tints (toward white)
#d1d1ff #d6d6ff #dbdbff #e0e0ff #e6e6ff #ebebff #f0f0ff #f5f5ff #fafaff #ffffff
Tones (toward gray)
#c4c4f2 #bdbde6 #b5b5d9 #aeaecc #a6a6c0 #9e9eb3 #9797a6 #8f8f99 #88888d #808080
Color harmonies
Complementary
Edit in generator →#CCCCFF
#FFFFCC
#ccccff #ffffcc
Analogous
Edit in generator →#CCE5FF
#CCCCFF
#E5CCFF
#cce5ff #ccccff #e5ccff
Triadic
Edit in generator →#CCCCFF
#FFCCCC
#CCFFCC
#ccccff #ffcccc #ccffcc
Tetradic
Edit in generator →#CCCCFF
#FFCCE6
#FFFFCC
#CCFFE6
#ccccff #ffcce6 #ffffcc #ccffe6
Split Complementary
Edit in generator →#CCCCFF
#FFE6CC
#E6FFCC
#ccccff #ffe6cc #e6ffcc
Monochromatic
Edit in generator →#5252FF
#8F8FFF
#CCCCFF
#E0E0FF
#E0E0FF
#5252ff #8f8fff #ccccff #e0e0ff #e0e0ff
Accessibility & contrast
1.54
#CCCCFF on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
13.65
#CCCCFF on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on periwinkle
13.65
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Mauve #E0B0FF | 11.37 | |
| Lavender #B39DDB | 12.26 | |
| Lilac #C8A2C8 | 15.02 | |
| Plum #DDA0DD | 16.07 | |
| Light Gray #D3D3D3 | 17.56 | |
| Silver #C0C0C0 | 18.01 |
Related colors
Palettes with periwinkle
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.