Palette · 6 colors · Lc 9.3
True Teal With It Ribbon palette
True Teal With It Ribbon: a 6-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E1F2F6, #82C3C8, #4697A9, #00677B, #004852, #010E15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1F2F6
surface
#82C3C8
muted
#4697A9
primary
#00677B
accent
#004852
text
#010E15
Colors in True Teal With It Ribbon: HEX, RGB, HSL & OKLCH
- #E1F2F6 color page →
bg
#E1F2F6
- RGB
- rgb(225 242 246)
- HSL
- hsl(191 54% 92%)
- OKLCH
- oklch(0.95 0.019 213.4)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.23:1 (AAA)
- #82C3C8 color page →
surface
#82C3C8
- RGB
- rgb(130 195 200)
- HSL
- hsl(184 39% 65%)
- OKLCH
- oklch(0.775 0.066 202)
WCAG contrast: on white 1.98:1 (Fail) · on black 10.58:1 (AAA)
- #4697A9 color page →
muted
#4697A9
- RGB
- rgb(70 151 169)
- HSL
- hsl(191 41% 47%)
- OKLCH
- oklch(0.633 0.083 214.4)
WCAG contrast: on white 3.35:1 (Fail) · on black 6.25:1 (AA)
- #00677B color page →
primary
#00677B
- RGB
- rgb(0 103 123)
- HSL
- hsl(190 100% 24%)
- OKLCH
- oklch(0.474 0.085 217.3)
WCAG contrast: on white 6.50:1 (AA) · on black 3.22:1 (Fail)
- #004852 color page →
accent
#004852
- RGB
- rgb(0 72 82)
- HSL
- hsl(187 100% 16%)
- OKLCH
- oklch(0.368 0.064 210.5)
WCAG contrast: on white 10.24:1 (AAA) · on black 2.04:1 (Fail)
- #010E15 color page →
text
#010E15
- RGB
- rgb(1 14 21)
- HSL
- hsl(201 91% 4%)
- OKLCH
- oklch(0.154 0.027 228.4)
WCAG contrast: on white 19.53:1 (AAA) · on black 1.07:1 (Fail)
Export True Teal With It Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1f2f6;
--surface: #82c3c8;
--muted: #4697a9;
--primary: #00677b;
--accent: #004852;
--text: #010e15;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1f2f6;
--color-surface: #82c3c8;
--color-muted: #4697a9;
--color-primary: #00677b;
--color-accent: #004852;
--color-text: #010e15;
}JSON (DTCG tokens)
{
"true-teal-with-it-ribbon-16w": {
"bg": {
"$type": "color",
"$value": "#e1f2f6"
},
"surface": {
"$type": "color",
"$value": "#82c3c8"
},
"muted": {
"$type": "color",
"$value": "#4697a9"
},
"primary": {
"$type": "color",
"$value": "#00677b"
},
"accent": {
"$type": "color",
"$value": "#004852"
},
"text": {
"$type": "color",
"$value": "#010e15"
}
}
}About this palette
True Teal With It Ribbon is a 6-color OKLCH-ready palette tagged blue, cold, ocean, nature, 6 colors. Hex values: #E1F2F6, #82C3C8, #4697A9, #00677B, #004852, #010E15. APCA contrast score Lc 9.3. 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 Teal With It Ribbon by OKLab color distance.