Palette · 3 colors · Lc 9
Cherry on Top Harbor palette
Cherry on Top Harbor: a 3-color palette (Red, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #DEF8FF, #A04F5B, #01181E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DEF8FF
accent
#A04F5B
text
#01181E
Colors in Cherry on Top Harbor: HEX, RGB, HSL & OKLCH
- #DEF8FF color page →
bg
#DEF8FF
- RGB
- rgb(222 248 255)
- HSL
- hsl(193 100% 94%)
- OKLCH
- oklch(0.962 0.029 215.7)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.97:1 (AAA)
- #A04F5B color page →
accent
#A04F5B
- RGB
- rgb(160 79 91)
- HSL
- hsl(351 34% 47%)
- OKLCH
- oklch(0.531 0.108 12.1)
WCAG contrast: on white 5.57:1 (AA) · on black 3.76:1 (Fail)
- #01181E color page →
text
#01181E
- RGB
- rgb(1 24 30)
- HSL
- hsl(192 94% 6%)
- OKLCH
- oklch(0.193 0.033 216.6)
WCAG contrast: on white 18.24:1 (AAA) · on black 1.15:1 (Fail)
Export Cherry on Top Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #def8ff;
--accent: #a04f5b;
--text: #01181e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #def8ff;
--color-accent: #a04f5b;
--color-text: #01181e;
}JSON (DTCG tokens)
{
"cherry-on-top-harbor-2jd": {
"bg": {
"$type": "color",
"$value": "#def8ff"
},
"accent": {
"$type": "color",
"$value": "#a04f5b"
},
"text": {
"$type": "color",
"$value": "#01181e"
}
}
}About this palette
Cherry on Top Harbor is a 3-color OKLCH-ready palette tagged red, warm, 3 colors. Hex values: #DEF8FF, #A04F5B, #01181E. APCA contrast score Lc 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 Cherry on Top Harbor by OKLab color distance.