Palette · 3 colors · Lc 9.4
Steady Teal With It Meadow palette
Steady Teal With It Meadow: a 3-color palette (Blue, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #FFF2E8, #006980, #0D0403, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF2E8
accent
#006980
text
#0D0403
Colors in Steady Teal With It Meadow: HEX, RGB, HSL & OKLCH
- #FFF2E8 color page →
bg
#FFF2E8
- RGB
- rgb(255 242 232)
- HSL
- hsl(26 100% 95%)
- OKLCH
- oklch(0.969 0.019 60.2)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.11:1 (AAA)
- #006980 color page →
accent
#006980
- RGB
- rgb(0 105 128)
- HSL
- hsl(191 100% 25%)
- OKLCH
- oklch(0.482 0.088 219.9)
WCAG contrast: on white 6.30:1 (AA) · on black 3.33:1 (Fail)
- #0D0403 color page →
text
#0D0403
- RGB
- rgb(13 4 3)
- HSL
- hsl(6 63% 3%)
- OKLCH
- oklch(0.124 0.021 30.8)
WCAG contrast: on white 20.27:1 (AAA) · on black 1.03:1 (Fail)
Export Steady Teal With It Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff2e8;
--accent: #006980;
--text: #0d0403;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff2e8;
--color-accent: #006980;
--color-text: #0d0403;
}JSON (DTCG tokens)
{
"steady-teal-with-it-meadow-36": {
"bg": {
"$type": "color",
"$value": "#fff2e8"
},
"accent": {
"$type": "color",
"$value": "#006980"
},
"text": {
"$type": "color",
"$value": "#0d0403"
}
}
}About this palette
Steady Teal With It Meadow is a 3-color OKLCH-ready palette tagged blue, gray, cold, 3 colors. Hex values: #FFF2E8, #006980, #0D0403. APCA contrast score Lc 9.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 Teal With It Meadow by OKLab color distance.