Coloried

Light Periwinkle

Light Periwinkle color is a pastel shade of light muted purple. Its hex code is #C5CBE1 and rgb code is rgb(197, 203, 225), Its CMYK value is cmyk(12%, 10%, 0%, 12%), and Its HSL value is hsl(227, 32%, 83%). Against white, it has a contrast ratio of 1.61:1, while against black, the contrast ratio is 13.00:1. Its complementary color is #E2DCC6 and closest tailwind color is slate-300. This color goes well with #7761AE, #6198AE, #424F80, #BF9482, and #AEBF82. To recreate the Light Periwinkle color, you can mix #FFFFFF and #8B97C3.

Light Periwinkle color code
|
1. Color Conversions
HEX#C5CBE1
RGB197, 203, 225
HSL227°, 32%, 83%
HSV227°, 32%, 88%
CMYK12%, 10%, 0%, 12%
Web Safe#CCCCCC
2. Contrast Ratio
Text on #FFFFFF1.61:1
Fail LargeFail Normal
Text on #00000013.00:1
AAA LargeAAA Normal
3. Light Periwinkle Color Code in CSS
HEX
#C5CBE1
RGB
rgb(197, 203, 225)
HSL
hsl(227, 32%, 83%)
Text Color
color: #C5CBE1;
Background
background-color: #C5CBE1;
Border Color
border-color: #C5CBE1;
Box Shadow
box-shadow: 0 4px 14px 0 #C5CBE180;
SCSS
$color-light-periwinkle: #C5CBE1;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#C8C8DC
Deuteranopia#C7C7DA
Tritanopia#C5D7D7
Achromatopsia#CCCCCC
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive