Palette · 5 colors · Lc 8.8
Islamic Green Ribbon palette
Islamic Green Ribbon: a 5-color palette (Green, Rainbow, 5 Colors). HEX, RGB, HSL and OKLCH for #DAECDE, #009900, #99158B, #A33800, #020E06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAECDE
surface
#009900
primary
#99158B
accent
#A33800
text
#020E06
Colors in Islamic Green Ribbon: HEX, RGB, HSL & OKLCH
- #DAECDE color page →
bg
#DAECDE
- RGB
- rgb(218 236 222)
- HSL
- hsl(133 32% 89%)
- OKLCH
- oklch(0.926 0.027 152.4)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.03:1 (AAA)
- #009900 color page →
surface
#009900
- RGB
- rgb(0 153 0)
- HSL
- hsl(120 100% 30%)
- OKLCH
- oklch(0.592 0.201 142.5)
WCAG contrast: on white 3.77:1 (Fail) · on black 5.55:1 (AA)
- #99158B color page →
primary
#99158B
- RGB
- rgb(153 21 139)
- HSL
- hsl(306 76% 34%)
- OKLCH
- oklch(0.478 0.201 333.4)
WCAG contrast: on white 7.40:1 (AAA) · on black 2.83:1 (Fail)
- #A33800 color page →
accent
#A33800
- RGB
- rgb(163 56 0)
- HSL
- hsl(21 100% 32%)
- OKLCH
- oklch(0.489 0.151 40.7)
WCAG contrast: on white 6.72:1 (AA) · on black 3.12:1 (Fail)
- #020E06 color page →
text
#020E06
- RGB
- rgb(2 14 6)
- HSL
- hsl(140 75% 3%)
- OKLCH
- oklch(0.147 0.028 156.2)
WCAG contrast: on white 19.66:1 (AAA) · on black 1.06:1 (Fail)
Export Islamic Green Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #daecde;
--surface: #009900;
--primary: #99158b;
--accent: #a33800;
--text: #020e06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #daecde;
--color-surface: #009900;
--color-primary: #99158b;
--color-accent: #a33800;
--color-text: #020e06;
}JSON (DTCG tokens)
{
"islamic-green-ribbon-5oo": {
"bg": {
"$type": "color",
"$value": "#daecde"
},
"surface": {
"$type": "color",
"$value": "#009900"
},
"primary": {
"$type": "color",
"$value": "#99158b"
},
"accent": {
"$type": "color",
"$value": "#a33800"
},
"text": {
"$type": "color",
"$value": "#020e06"
}
}
}About this palette
Islamic Green Ribbon is a 5-color OKLCH-ready palette tagged green, rainbow, 5 colors. Hex values: #DAECDE, #009900, #99158B, #A33800, #020E06. APCA contrast score Lc 8.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 Islamic Green Ribbon by OKLab color distance.