Palette · 3 colors · Lc 9.8
Pure Embarrassed Frog Noir palette
Pure Embarrassed Frog Noir: a 3-color palette (Green, Gray, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #ECF2FF, #8C6000, #07090E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECF2FF
accent
#8C6000
text
#07090E
Colors in Pure Embarrassed Frog Noir: HEX, RGB, HSL & OKLCH
- #ECF2FF color page →
bg
#ECF2FF
- RGB
- rgb(236 242 255)
- HSL
- hsl(221 100% 96%)
- OKLCH
- oklch(0.96 0.019 266)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.71:1 (AAA)
- #8C6000 color page →
accent
#8C6000
- RGB
- rgb(140 96 0)
- HSL
- hsl(41 100% 27%)
- OKLCH
- oklch(0.523 0.109 77.5)
WCAG contrast: on white 5.54:1 (AA) · on black 3.78:1 (Fail)
- #07090E color page →
text
#07090E
- RGB
- rgb(7 9 14)
- HSL
- hsl(223 33% 4%)
- OKLCH
- oklch(0.14 0.012 265.8)
WCAG contrast: on white 19.91:1 (AAA) · on black 1.05:1 (Fail)
Export Pure Embarrassed Frog Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecf2ff;
--accent: #8c6000;
--text: #07090e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecf2ff;
--color-accent: #8c6000;
--color-text: #07090e;
}JSON (DTCG tokens)
{
"pure-embarrassed-frog-noir-2rn": {
"bg": {
"$type": "color",
"$value": "#ecf2ff"
},
"accent": {
"$type": "color",
"$value": "#8c6000"
},
"text": {
"$type": "color",
"$value": "#07090e"
}
}
}About this palette
Pure Embarrassed Frog Noir is a 3-color OKLCH-ready palette tagged green, gray, warm, 3 colors. Hex values: #ECF2FF, #8C6000, #07090E. 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 Pure Embarrassed Frog Noir by OKLab color distance.