Palette · 3 colors · Lc 8.3
Steady Alligator Ribbon palette
Steady Alligator Ribbon: a 3-color palette (Green, Gray, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #DCDEF3, #7E6100, #0A0B10, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCDEF3
accent
#7E6100
text
#0A0B10
Colors in Steady Alligator Ribbon: HEX, RGB, HSL & OKLCH
- #DCDEF3 color page →
bg
#DCDEF3
- RGB
- rgb(220 222 243)
- HSL
- hsl(235 49% 91%)
- OKLCH
- oklch(0.905 0.029 281.5)
WCAG contrast: on white 1.33:1 (Fail) · on black 15.78:1 (AAA)
- #7E6100 color page →
accent
#7E6100
- RGB
- rgb(126 97 0)
- HSL
- hsl(46 100% 25%)
- OKLCH
- oklch(0.508 0.104 88.1)
WCAG contrast: on white 5.83:1 (AA) · on black 3.59:1 (Fail)
- #0A0B10 color page →
text
#0A0B10
- RGB
- rgb(10 11 16)
- HSL
- hsl(230 23% 5%)
- OKLCH
- oklch(0.151 0.011 276.2)
WCAG contrast: on white 19.65:1 (AAA) · on black 1.06:1 (Fail)
Export Steady Alligator Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcdef3;
--accent: #7e6100;
--text: #0a0b10;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcdef3;
--color-accent: #7e6100;
--color-text: #0a0b10;
}JSON (DTCG tokens)
{
"steady-alligator-ribbon-mc": {
"bg": {
"$type": "color",
"$value": "#dcdef3"
},
"accent": {
"$type": "color",
"$value": "#7e6100"
},
"text": {
"$type": "color",
"$value": "#0a0b10"
}
}
}About this palette
Steady Alligator Ribbon is a 3-color OKLCH-ready palette tagged green, gray, warm, 3 colors. Hex values: #DCDEF3, #7E6100, #0A0B10. APCA contrast score Lc 8.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 Steady Alligator Ribbon by OKLab color distance.