Palette · 5 colors · Lc 9.1
Cry Me a River Quartz palette
Cry Me a River Quartz: a 5-color palette (Blue, Gray, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #E3EDF2, #457D94, #846074, #656244, #020D11, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3EDF2
surface
#457D94
primary
#846074
accent
#656244
text
#020D11
Colors in Cry Me a River Quartz: HEX, RGB, HSL & OKLCH
- #E3EDF2 color page →
bg
#E3EDF2
- RGB
- rgb(227 237 242)
- HSL
- hsl(200 37% 92%)
- OKLCH
- oklch(0.94 0.013 228.9)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.66:1 (AAA)
- #457D94 color page →
surface
#457D94
- RGB
- rgb(69 125 148)
- HSL
- hsl(197 36% 43%)
- OKLCH
- oklch(0.561 0.069 226.7)
WCAG contrast: on white 4.55:1 (AA) · on black 4.61:1 (AA)
- #846074 color page →
primary
#846074
- RGB
- rgb(132 96 116)
- HSL
- hsl(327 16% 45%)
- OKLCH
- oklch(0.533 0.055 344.7)
WCAG contrast: on white 5.37:1 (AA) · on black 3.90:1 (Fail)
- #656244 color page →
accent
#656244
- RGB
- rgb(101 98 68)
- HSL
- hsl(55 20% 33%)
- OKLCH
- oklch(0.491 0.045 103.1)
WCAG contrast: on white 6.20:1 (AA) · on black 3.38:1 (Fail)
- #020D11 color page →
text
#020D11
- RGB
- rgb(2 13 17)
- HSL
- hsl(196 79% 4%)
- OKLCH
- oklch(0.149 0.022 218.9)
WCAG contrast: on white 19.65:1 (AAA) · on black 1.06:1 (Fail)
Export Cry Me a River Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3edf2;
--surface: #457d94;
--primary: #846074;
--accent: #656244;
--text: #020d11;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3edf2;
--color-surface: #457d94;
--color-primary: #846074;
--color-accent: #656244;
--color-text: #020d11;
}JSON (DTCG tokens)
{
"cry-me-a-river-quartz-1ev": {
"bg": {
"$type": "color",
"$value": "#e3edf2"
},
"surface": {
"$type": "color",
"$value": "#457d94"
},
"primary": {
"$type": "color",
"$value": "#846074"
},
"accent": {
"$type": "color",
"$value": "#656244"
},
"text": {
"$type": "color",
"$value": "#020d11"
}
}
}About this palette
Cry Me a River Quartz is a 5-color OKLCH-ready palette tagged blue, gray, cold, 5 colors. Hex values: #E3EDF2, #457D94, #846074, #656244, #020D11. 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 Cry Me a River Quartz by OKLab color distance.