Palette · 3 colors · Lc 9.8
True Cruising Studio palette
True Cruising Studio: a 3-color palette (Blue, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #000C0F, #1E8694, #EFFBFC, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Gray
- Cold
- Monochromatic
- 3 Colors
bg
#000C0F
accent
#1E8694
text
#EFFBFC
Colors in True Cruising Studio: HEX, RGB, HSL & OKLCH
- #000C0F color page →
bg
#000C0F
- RGB
- rgb(0 12 15)
- HSL
- hsl(192 100% 3%)
- OKLCH
- oklch(0.141 0.024 210.4)
WCAG contrast: on white 19.82:1 (AAA) · on black 1.05:1 (Fail)
- #1E8694 color page →
accent
#1E8694
- RGB
- rgb(30 134 148)
- HSL
- hsl(187 66% 35%)
- OKLCH
- oklch(0.57 0.091 208.7)
WCAG contrast: on white 4.29:1 (Fail) · on black 4.89:1 (AA)
- #EFFBFC color page →
text
#EFFBFC
- RGB
- rgb(239 251 252)
- HSL
- hsl(185 68% 96%)
- OKLCH
- oklch(0.979 0.013 202.9)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.87:1 (AAA)
Export True Cruising Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000c0f;
--accent: #1e8694;
--text: #effbfc;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000c0f;
--color-accent: #1e8694;
--color-text: #effbfc;
}JSON (DTCG tokens)
{
"true-cruising-studio-3be": {
"bg": {
"$type": "color",
"$value": "#000c0f"
},
"accent": {
"$type": "color",
"$value": "#1e8694"
},
"text": {
"$type": "color",
"$value": "#effbfc"
}
}
}About this palette
True Cruising Studio is a 3-color OKLCH-ready palette tagged blue, gray, cold, monochromatic, 3 colors. Hex values: #000C0F, #1E8694, #EFFBFC. APCA contrast score Lc 9.8. 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 Cruising Studio by OKLab color distance.