Palette · 4 colors · Lc 9.6
Billiard Noir palette
Billiard Noir: a 4-color palette (Turquoise, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #DFF8F0, #00AE9E, #005C51, #000908, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFF8F0
surface
#00AE9E
accent
#005C51
text
#000908
Colors in Billiard Noir: HEX, RGB, HSL & OKLCH
- #DFF8F0 color page →
bg
#DFF8F0
- RGB
- rgb(223 248 240)
- HSL
- hsl(161 64% 92%)
- OKLCH
- oklch(0.959 0.028 174.5)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.82:1 (AAA)
- #00AE9E color page →
surface
#00AE9E
- RGB
- rgb(0 174 158)
- HSL
- hsl(174 100% 34%)
- OKLCH
- oklch(0.674 0.12 183.4)
WCAG contrast: on white 2.78:1 (Fail) · on black 7.54:1 (AAA)
- #005C51 color page →
accent
#005C51
- RGB
- rgb(0 92 81)
- HSL
- hsl(173 100% 18%)
- OKLCH
- oklch(0.426 0.077 181.1)
WCAG contrast: on white 7.92:1 (AAA) · on black 2.64:1 (Fail)
- #000908 color page →
text
#000908
- RGB
- rgb(0 9 8)
- HSL
- hsl(173 100% 2%)
- OKLCH
- oklch(0.126 0.022 188.3)
WCAG contrast: on white 20.14:1 (AAA) · on black 1.04:1 (Fail)
Export Billiard Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dff8f0;
--surface: #00ae9e;
--accent: #005c51;
--text: #000908;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dff8f0;
--color-surface: #00ae9e;
--color-accent: #005c51;
--color-text: #000908;
}JSON (DTCG tokens)
{
"billiard-noir-1d7": {
"bg": {
"$type": "color",
"$value": "#dff8f0"
},
"surface": {
"$type": "color",
"$value": "#00ae9e"
},
"accent": {
"$type": "color",
"$value": "#005c51"
},
"text": {
"$type": "color",
"$value": "#000908"
}
}
}About this palette
Billiard Noir is a 4-color OKLCH-ready palette tagged turquoise, cold, 4 colors. Hex values: #DFF8F0, #00AE9E, #005C51, #000908. APCA contrast score Lc 9.6. 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 Billiard Noir by OKLab color distance.