Palette · 4 colors · Lc 8.9
Steady Violaceous Noir palette
Steady Violaceous Noir: a 4-color palette (Red, Warm, Pink, 4 Colors). HEX, RGB, HSL and OKLCH for #FFEDF6, #C687BF, #602331, #170A10, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEDF6
surface
#C687BF
accent
#602331
text
#170A10
Colors in Steady Violaceous Noir: HEX, RGB, HSL & OKLCH
- #FFEDF6 color page →
bg
#FFEDF6
- RGB
- rgb(255 237 246)
- HSL
- hsl(330 100% 96%)
- OKLCH
- oklch(0.963 0.023 345.7)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.69:1 (AAA)
- #C687BF color page →
surface
#C687BF
- RGB
- rgb(198 135 191)
- HSL
- hsl(307 36% 65%)
- OKLCH
- oklch(0.705 0.107 330.6)
WCAG contrast: on white 2.75:1 (Fail) · on black 7.61:1 (AAA)
- #602331 color page →
accent
#602331
- RGB
- rgb(96 35 49)
- HSL
- hsl(346 47% 26%)
- OKLCH
- oklch(0.351 0.09 8.8)
WCAG contrast: on white 11.78:1 (AAA) · on black 1.78:1 (Fail)
- #170A10 color page →
text
#170A10
- RGB
- rgb(23 10 16)
- HSL
- hsl(332 39% 6%)
- OKLCH
- oklch(0.167 0.025 351)
WCAG contrast: on white 19.31:1 (AAA) · on black 1.08:1 (Fail)
Export Steady Violaceous Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffedf6;
--surface: #c687bf;
--accent: #602331;
--text: #170a10;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffedf6;
--color-surface: #c687bf;
--color-accent: #602331;
--color-text: #170a10;
}JSON (DTCG tokens)
{
"steady-violaceous-noir-5g4": {
"bg": {
"$type": "color",
"$value": "#ffedf6"
},
"surface": {
"$type": "color",
"$value": "#c687bf"
},
"accent": {
"$type": "color",
"$value": "#602331"
},
"text": {
"$type": "color",
"$value": "#170a10"
}
}
}About this palette
Steady Violaceous Noir is a 4-color OKLCH-ready palette tagged red, warm, pink, 4 colors. Hex values: #FFEDF6, #C687BF, #602331, #170A10. APCA contrast score Lc 8.9. 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 Steady Violaceous Noir by OKLab color distance.