Coloried

Dark Periwinkle

Dark Periwinkle color is a subtle shade of light muted purple. Its hex code is #A9A6D2 and rgb code is rgb(169, 166, 210), Its CMYK value is cmyk(20%, 21%, 0%, 18%), and Its HSL value is hsl(244, 33%, 74%). Against white, its contrast ratio of 2.31:1, while against black, the contrast ratio is 9.07:1. Complementary color is #D0D3A7 and closest tailwind color is slate-400. This color goes well with #754B95, #4B6B95, #353262, #B08F63, and #85B063. To get this Dark Periwinkle color, you can mix #FFFFFF and #534DA5.

Dark Periwinkle color code
|
1. Color Conversions
HEX#A9A6D2
RGB169, 166, 210
HSL244°, 33%, 74%
HSV244°, 33%, 82%
CMYK20%, 21%, 0%, 18%
Web Safe#9999CC
2. Contrast Ratio
Text on #FFFFFF2.31:1
Fail LargeFail Normal
Text on #0000009.07:1
AAA LargeAAA Normal
3. Dark Periwinkle Color Code in CSS
HEX
#A9A6D2
RGB
rgb(169, 166, 210)
HSL
hsl(244, 33%, 74%)
Text Color
color: #A9A6D2;
Background
background-color: #A9A6D2;
Border Color
border-color: #A9A6D2;
Box Shadow
box-shadow: 0 4px 14px 0 #A9A6D280;
SCSS
$color-dark-periwinkle: #A9A6D2;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#A8A8C7
Deuteranopia#A8A8C5
Tritanopia#A9BFBD
Achromatopsia#ACACAC
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive