Palette · 7 colors · Lc 7.5
Vicious Violet Delta palette
Vicious Violet Delta: a 7-color palette (Red, 7 Colors). HEX, RGB, HSL and OKLCH for #E7DFE6, #D4AFDE, #B68CD0, #9E509E, #893E6D, #4F1D42, #251525, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- 7 Colors
bg
#E7DFE6
surface
#D4AFDE
muted
#B68CD0
primary
#9E509E
secondary
#893E6D
accent
#4F1D42
text
#251525
Colors in Vicious Violet Delta: HEX, RGB, HSL & OKLCH
- #E7DFE6 color page →
bg
#E7DFE6
- RGB
- rgb(231 223 230)
- HSL
- hsl(308 14% 89%)
- OKLCH
- oklch(0.912 0.013 329.6)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.09:1 (AAA)
- #D4AFDE color page →
surface
#D4AFDE
- RGB
- rgb(212 175 222)
- HSL
- hsl(287 42% 78%)
- OKLCH
- oklch(0.802 0.076 319)
WCAG contrast: on white 1.91:1 (Fail) · on black 10.98:1 (AAA)
- #B68CD0 color page →
muted
#B68CD0
- RGB
- rgb(182 140 208)
- HSL
- hsl(277 42% 68%)
- OKLCH
- oklch(0.704 0.107 312)
WCAG contrast: on white 2.74:1 (Fail) · on black 7.65:1 (AAA)
- #9E509E color page →
primary
#9E509E
- RGB
- rgb(158 80 158)
- HSL
- hsl(300 33% 47%)
- OKLCH
- oklch(0.555 0.144 327.3)
WCAG contrast: on white 5.12:1 (AA) · on black 4.09:1 (Fail)
- #893E6D color page →
secondary
#893E6D
- RGB
- rgb(137 62 109)
- HSL
- hsl(322 38% 39%)
- OKLCH
- oklch(0.477 0.118 344)
WCAG contrast: on white 7.06:1 (AAA) · on black 2.97:1 (Fail)
- #4F1D42 color page →
accent
#4F1D42
- RGB
- rgb(79 29 66)
- HSL
- hsl(316 46% 21%)
- OKLCH
- oklch(0.32 0.09 338.8)
WCAG contrast: on white 13.23:1 (AAA) · on black 1.58:1 (Fail)
- #251525 color page →
text
#251525
- RGB
- rgb(37 21 37)
- HSL
- hsl(300 28% 11%)
- OKLCH
- oklch(0.225 0.038 326.8)
WCAG contrast: on white 17.31:1 (AAA) · on black 1.21:1 (Fail)
Export Vicious Violet Delta: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7dfe6;
--surface: #d4afde;
--muted: #b68cd0;
--primary: #9e509e;
--secondary: #893e6d;
--accent: #4f1d42;
--text: #251525;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7dfe6;
--color-surface: #d4afde;
--color-muted: #b68cd0;
--color-primary: #9e509e;
--color-secondary: #893e6d;
--color-accent: #4f1d42;
--color-text: #251525;
}JSON (DTCG tokens)
{
"vicious-violet-delta-3sm": {
"bg": {
"$type": "color",
"$value": "#e7dfe6"
},
"surface": {
"$type": "color",
"$value": "#d4afde"
},
"muted": {
"$type": "color",
"$value": "#b68cd0"
},
"primary": {
"$type": "color",
"$value": "#9e509e"
},
"secondary": {
"$type": "color",
"$value": "#893e6d"
},
"accent": {
"$type": "color",
"$value": "#4f1d42"
},
"text": {
"$type": "color",
"$value": "#251525"
}
}
}About this palette
Vicious Violet Delta is a 7-color OKLCH-ready palette tagged red, 7 colors. Hex values: #E7DFE6, #D4AFDE, #B68CD0, #9E509E, #893E6D, #4F1D42, #251525. APCA contrast score Lc 7.5. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Vicious Violet Delta by OKLab color distance.