Palette · 3 colors · Lc 8.1
True Dark Cyan System palette
True Dark Cyan System: a 3-color palette (Blue, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #D2E8E9, #008C8F, #002223, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D2E8E9
accent
#008C8F
text
#002223
Colors in True Dark Cyan System: HEX, RGB, HSL & OKLCH
- #D2E8E9 color page →
bg
#D2E8E9
- RGB
- rgb(210 232 233)
- HSL
- hsl(183 34% 87%)
- OKLCH
- oklch(0.915 0.023 200.1)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.45:1 (AAA)
- #008C8F color page →
accent
#008C8F
- RGB
- rgb(0 140 143)
- HSL
- hsl(181 100% 28%)
- OKLCH
- oklch(0.581 0.099 197.4)
WCAG contrast: on white 4.07:1 (Fail) · on black 5.14:1 (AA)
- #002223 color page →
text
#002223
- RGB
- rgb(0 34 35)
- HSL
- hsl(182 100% 7%)
- OKLCH
- oklch(0.229 0.039 197.6)
WCAG contrast: on white 16.75:1 (AAA) · on black 1.25:1 (Fail)
Export True Dark Cyan System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d2e8e9;
--accent: #008c8f;
--text: #002223;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d2e8e9;
--color-accent: #008c8f;
--color-text: #002223;
}JSON (DTCG tokens)
{
"true-dark-cyan-system-2br": {
"bg": {
"$type": "color",
"$value": "#d2e8e9"
},
"accent": {
"$type": "color",
"$value": "#008c8f"
},
"text": {
"$type": "color",
"$value": "#002223"
}
}
}About this palette
True Dark Cyan System is a 3-color OKLCH-ready palette tagged blue, cold, 3 colors. Hex values: #D2E8E9, #008C8F, #002223. APCA contrast score Lc 8.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 True Dark Cyan System by OKLab color distance.