Palette · 3 colors · Lc 9.1
Simply Purple Ribbon palette
Simply Purple Ribbon: a 3-color palette (Pink, 3 Colors). HEX, RGB, HSL and OKLCH for #E8E7F6, #6757B0, #20202E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 3 Colors
bg
#E8E7F6
accent
#6757B0
text
#20202E
Colors in Simply Purple Ribbon: HEX, RGB, HSL & OKLCH
- #E8E7F6 color page →
bg
#E8E7F6
- RGB
- rgb(232 231 246)
- HSL
- hsl(244 45% 94%)
- OKLCH
- oklch(0.933 0.02 289.1)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.19:1 (AAA)
- #6757B0 color page →
accent
#6757B0
- RGB
- rgb(103 87 176)
- HSL
- hsl(251 36% 52%)
- OKLCH
- oklch(0.516 0.136 289)
WCAG contrast: on white 5.88:1 (AA) · on black 3.56:1 (Fail)
- #20202E color page →
text
#20202E
- RGB
- rgb(32 32 46)
- HSL
- hsl(240 18% 15%)
- OKLCH
- oklch(0.25 0.026 284.3)
WCAG contrast: on white 16.06:1 (AAA) · on black 1.30:1 (Fail)
Export Simply Purple Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8e7f6;
--accent: #6757b0;
--text: #20202e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8e7f6;
--color-accent: #6757b0;
--color-text: #20202e;
}JSON (DTCG tokens)
{
"simply-purple-ribbon-2ug": {
"bg": {
"$type": "color",
"$value": "#e8e7f6"
},
"accent": {
"$type": "color",
"$value": "#6757b0"
},
"text": {
"$type": "color",
"$value": "#20202e"
}
}
}About this palette
Simply Purple Ribbon is a 3-color OKLCH-ready palette tagged pink, 3 colors. Hex values: #E8E7F6, #6757B0, #20202E. APCA contrast score Lc 9.1. 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 Simply Purple Ribbon by OKLab color distance.