Palette · 4 colors · Lc 8.4
Steady Bermuda Ribbon palette
Steady Bermuda Ribbon: a 4-color palette (Blue, Cold, 4 Colors). HEX, RGB, HSL and OKLCH for #E1F0F3, #007A89, #766421, #051316, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1F0F3
surface
#007A89
accent
#766421
text
#051316
Colors in Steady Bermuda Ribbon: HEX, RGB, HSL & OKLCH
- #E1F0F3 color page →
bg
#E1F0F3
- RGB
- rgb(225 240 243)
- HSL
- hsl(190 43% 92%)
- OKLCH
- oklch(0.945 0.016 211)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.95:1 (AAA)
- #007A89 color page →
surface
#007A89
- RGB
- rgb(0 122 137)
- HSL
- hsl(187 100% 27%)
- OKLCH
- oklch(0.531 0.092 209.7)
WCAG contrast: on white 5.06:1 (AA) · on black 4.14:1 (Fail)
- #766421 color page →
accent
#766421
- RGB
- rgb(118 100 33)
- HSL
- hsl(47 56% 30%)
- OKLCH
- oklch(0.507 0.088 93.8)
WCAG contrast: on white 5.80:1 (AA) · on black 3.61:1 (Fail)
- #051316 color page →
text
#051316
- RGB
- rgb(5 19 22)
- HSL
- hsl(191 63% 5%)
- OKLCH
- oklch(0.175 0.021 212.3)
WCAG contrast: on white 18.89:1 (AAA) · on black 1.11:1 (Fail)
Export Steady Bermuda Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1f0f3;
--surface: #007a89;
--accent: #766421;
--text: #051316;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1f0f3;
--color-surface: #007a89;
--color-accent: #766421;
--color-text: #051316;
}JSON (DTCG tokens)
{
"steady-bermuda-ribbon-p8": {
"bg": {
"$type": "color",
"$value": "#e1f0f3"
},
"surface": {
"$type": "color",
"$value": "#007a89"
},
"accent": {
"$type": "color",
"$value": "#766421"
},
"text": {
"$type": "color",
"$value": "#051316"
}
}
}About this palette
Steady Bermuda Ribbon is a 4-color OKLCH-ready palette tagged blue, cold, 4 colors. Hex values: #E1F0F3, #007A89, #766421, #051316. APCA contrast score Lc 8.4. 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 Steady Bermuda Ribbon by OKLab color distance.