Periwinkle#CCCCFF
Periwinkle Hex Code: #CCCCFF
Periwinkle is a very light, muted blue. Its OKLCH lightness is 86% and chroma 0.070. Text on this color reads best in black (contrast 13.65:1).
| HEX | #CCCCFF |
|---|---|
| RGB | rgb(204, 204, 255) |
| HSL | hsl(240, 100%, 90%) |
| HSV / HSB | hsv(240, 20%, 100%) |
| CMYK | cmyk(20%, 20%, 0%, 0%) |
| OKLCH | oklch(86.2% 0.07 284.8) |
Contrast
White text1.54:1
AAAA largeAAA
Black text13.65:1
AAAA largeAAA
On white1.54:1
AAAA largeAAA
On black13.65:1
AAAA largeAAA
Tints
#D1D1FF#D5D5FF#DADAFF#DEDEFF#E3E3FFLavender#E8E8FFLavender#ECECFFLavender#F1F1FFAlice Blue#F5F5FFGhost White#FAFAFFGhost WhiteShades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #CCCCFF; |
|---|---|
| Tailwind | bg-[#ccccff] |
| SwiftUI | Color(red: 0.8, green: 0.8, blue: 1) |
| Android | Color.parseColor("#CCCCFF") |
| Flutter | Color(0xFFCCCCFF) |
Value from Wikipedia, List of colors (periwinkle). Names like Periwinkle are not standardized, so other sources may list a slightly different hex.
Frequently asked questions
What is the hex code for periwinkle?
Periwinkle is #CCCCFF in hex and rgb(204, 204, 255) in RGB.
What is periwinkle in CMYK?
With the plain conversion formula it is cmyk(20, 20, 0, 0). For print, convert with your printer's ICC profile instead.
What text color works on periwinkle?
Black text has the higher contrast at 13.65:1, which passes WCAG AA for normal text (4.5:1).