Palette · 6 colors · Lc 7.5
Mauve It Noir palette
Mauve It Noir: a 6-color palette (Red, Warm, Sunset, 6 Colors). HEX, RGB, HSL and OKLCH for #FFDBCD, #FFA291, #D4656C, #B8446B, #6C3061, #191730, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFDBCD
surface
#FFA291
muted
#D4656C
primary
#B8446B
accent
#6C3061
text
#191730
Colors in Mauve It Noir: HEX, RGB, HSL & OKLCH
- #FFDBCD color page →
bg
#FFDBCD
- RGB
- rgb(255 219 205)
- HSL
- hsl(17 100% 90%)
- OKLCH
- oklch(0.918 0.045 42.4)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.26:1 (AAA)
- #FFA291 color page →
surface
#FFA291
- RGB
- rgb(255 162 145)
- HSL
- hsl(9 100% 78%)
- OKLCH
- oklch(0.802 0.114 31)
WCAG contrast: on white 1.93:1 (Fail) · on black 10.82:1 (AAA)
- #D4656C color page →
muted
#D4656C
- RGB
- rgb(212 101 108)
- HSL
- hsl(356 56% 61%)
- OKLCH
- oklch(0.642 0.14 18)
WCAG contrast: on white 3.57:1 (Fail) · on black 5.87:1 (AA)
- #B8446B color page →
primary
#B8446B
- RGB
- rgb(184 68 107)
- HSL
- hsl(340 46% 49%)
- OKLCH
- oklch(0.556 0.154 2.7)
WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)
- #6C3061 color page →
accent
#6C3061
- RGB
- rgb(108 48 97)
- HSL
- hsl(311 38% 31%)
- OKLCH
- oklch(0.409 0.108 334.8)
WCAG contrast: on white 9.40:1 (AAA) · on black 2.23:1 (Fail)
- #191730 color page →
text
#191730
- RGB
- rgb(25 23 48)
- HSL
- hsl(245 35% 14%)
- OKLCH
- oklch(0.221 0.048 285.4)
WCAG contrast: on white 17.40:1 (AAA) · on black 1.20:1 (Fail)
Export Mauve It Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffdbcd;
--surface: #ffa291;
--muted: #d4656c;
--primary: #b8446b;
--accent: #6c3061;
--text: #191730;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffdbcd;
--color-surface: #ffa291;
--color-muted: #d4656c;
--color-primary: #b8446b;
--color-accent: #6c3061;
--color-text: #191730;
}JSON (DTCG tokens)
{
"mauve-it-noir-2qc": {
"bg": {
"$type": "color",
"$value": "#ffdbcd"
},
"surface": {
"$type": "color",
"$value": "#ffa291"
},
"muted": {
"$type": "color",
"$value": "#d4656c"
},
"primary": {
"$type": "color",
"$value": "#b8446b"
},
"accent": {
"$type": "color",
"$value": "#6c3061"
},
"text": {
"$type": "color",
"$value": "#191730"
}
}
}About this palette
Mauve It Noir is a 6-color OKLCH-ready palette tagged red, warm, sunset, 6 colors. Hex values: #FFDBCD, #FFA291, #D4656C, #B8446B, #6C3061, #191730. 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 Mauve It Noir by OKLab color distance.