Coloried

Periwinkle

Periwinkle color is a vibrant shade of very light blue. Its hex code is #CCCCFF and rgb code is rgb(204, 204, 255), Its CMYK value is cmyk(20%, 20%, 0%, 0%), and Its HSL value is hsl(240, 100%, 90%). Against white, its contrast ratio of 1.54:1, while against black, the contrast ratio is 13.65:1. Complementary color is #FFFFCC and closest tailwind color is indigo-200. This color goes well with #9933FF, #3399FF, #0000E6, #FFB366, and #B3FF66. To create this Periwinkle color, you can mix #FFFFFF and #9999FF.

Periwinkle color code
|
1. Color Conversions
HEX#CCCCFF
RGB204, 204, 255
HSL240°, 100%, 90%
HSV240°, 100%, 100%
CMYK20%, 20%, 0%, 0%
Web Safe#CCCCFF
2. Contrast Ratio
Text on #FFFFFF1.54:1
Fail LargeFail Normal
Text on #00000013.65:1
AAA LargeAAA Normal
3. Periwinkle Color Code in CSS
HEX
#CCCCFF
RGB
rgb(204, 204, 255)
HSL
hsl(240, 100%, 90%)
Text Color
color: #CCCCFF;
Background
background-color: #CCCCFF;
Border Color
border-color: #CCCCFF;
Box Shadow
box-shadow: 0 4px 14px 0 #CCCCFF80;
SCSS
$color-periwinkle: #CCCCFF;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#CCCCF3
Deuteranopia#CCCCF0
Tritanopia#CCE9E7
Achromatopsia#D2D2D2
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive