Palette · 6 colors · Lc 8.4
Pure Vicious Violet Noir palette
Pure Vicious Violet Noir: a 6-color palette (Pink, 6 Colors). HEX, RGB, HSL and OKLCH for #CFE9F2, #14A0C0, #82559D, #A05045, #5A5400, #031318, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 6 Colors
bg
#CFE9F2
surface
#14A0C0
muted
#82559D
primary
#A05045
accent
#5A5400
text
#031318
Colors in Pure Vicious Violet Noir: HEX, RGB, HSL & OKLCH
- #CFE9F2 color page →
bg
#CFE9F2
- RGB
- rgb(207 233 242)
- HSL
- hsl(195 57% 88%)
- OKLCH
- oklch(0.918 0.03 220.6)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.59:1 (AAA)
- #14A0C0 color page →
surface
#14A0C0
- RGB
- rgb(20 160 192)
- HSL
- hsl(191 81% 42%)
- OKLCH
- oklch(0.653 0.115 219.4)
WCAG contrast: on white 3.07:1 (Fail) · on black 6.81:1 (AA)
- #82559D color page →
muted
#82559D
- RGB
- rgb(130 85 157)
- HSL
- hsl(278 30% 47%)
- OKLCH
- oklch(0.528 0.119 311.7)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #A05045 color page →
primary
#A05045
- RGB
- rgb(160 80 69)
- HSL
- hsl(7 40% 45%)
- OKLCH
- oklch(0.527 0.108 29.3)
WCAG contrast: on white 5.63:1 (AA) · on black 3.72:1 (Fail)
- #5A5400 color page →
accent
#5A5400
- RGB
- rgb(90 84 0)
- HSL
- hsl(56 100% 18%)
- OKLCH
- oklch(0.438 0.093 104.8)
WCAG contrast: on white 7.76:1 (AAA) · on black 2.70:1 (Fail)
- #031318 color page →
text
#031318
- RGB
- rgb(3 19 24)
- HSL
- hsl(194 78% 5%)
- OKLCH
- oklch(0.175 0.026 219)
WCAG contrast: on white 18.91:1 (AAA) · on black 1.11:1 (Fail)
Export Pure Vicious Violet Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #cfe9f2;
--surface: #14a0c0;
--muted: #82559d;
--primary: #a05045;
--accent: #5a5400;
--text: #031318;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #cfe9f2;
--color-surface: #14a0c0;
--color-muted: #82559d;
--color-primary: #a05045;
--color-accent: #5a5400;
--color-text: #031318;
}JSON (DTCG tokens)
{
"pure-vicious-violet-noir-34y": {
"bg": {
"$type": "color",
"$value": "#cfe9f2"
},
"surface": {
"$type": "color",
"$value": "#14a0c0"
},
"muted": {
"$type": "color",
"$value": "#82559d"
},
"primary": {
"$type": "color",
"$value": "#a05045"
},
"accent": {
"$type": "color",
"$value": "#5a5400"
},
"text": {
"$type": "color",
"$value": "#031318"
}
}
}About this palette
Pure Vicious Violet Noir is a 6-color OKLCH-ready palette tagged pink, 6 colors. Hex values: #CFE9F2, #14A0C0, #82559D, #A05045, #5A5400, #031318. APCA contrast score Lc 8.4. 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 Pure Vicious Violet Noir by OKLab color distance.