Palette · 10 colors · Lc 9.1
Bold Purple Pizzazz Ribbon palette
Bold Purple Pizzazz Ribbon: a 10-color palette (Red, Warm, OKLCH Neon, Cyberpunk). HEX, RGB, HSL and OKLCH for #000511, #003B80, #0091FF, #8D7CFF, #FB41D2, #FF3A00, #E17E00, #45BD00, #57D1C6, #EAEDF0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Warm
- OKLCH Neon
- Cyberpunk
- Rainbow
- 10 Colors
bg
#000511
surface
#003B80
muted
#0091FF
primary
#8D7CFF
secondary
#FB41D2
accent
#FF3A00
highlight
#E17E00
border
#45BD00
focus
#57D1C6
text
#EAEDF0
Colors in Bold Purple Pizzazz Ribbon: HEX, RGB, HSL & OKLCH
- #000511 color page →
bg
#000511
- RGB
- rgb(0 5 17)
- HSL
- hsl(222 100% 3%)
- OKLCH
- oklch(0.115 0.035 252.4)
WCAG contrast: on white 20.39:1 (AAA) · on black 1.02:1 (Fail)
- #003B80 color page →
surface
#003B80
- RGB
- rgb(0 59 128)
- HSL
- hsl(212 100% 25%)
- OKLCH
- oklch(0.364 0.129 256.9)
WCAG contrast: on white 10.83:1 (AAA) · on black 1.93:1 (Fail)
- #0091FF color page →
muted
#0091FF
- RGB
- rgb(0 145 255)
- HSL
- hsl(206 100% 50%)
- OKLCH
- oklch(0.651 0.192 251.5)
WCAG contrast: on white 3.23:1 (Fail) · on black 6.49:1 (AA)
- #8D7CFF color page →
primary
#8D7CFF
- RGB
- rgb(141 124 255)
- HSL
- hsl(248 100% 74%)
- OKLCH
- oklch(0.664 0.187 286)
WCAG contrast: on white 3.25:1 (Fail) · on black 6.45:1 (AA)
- #FB41D2 color page →
secondary
#FB41D2
- RGB
- rgb(251 65 210)
- HSL
- hsl(313 96% 62%)
- OKLCH
- oklch(0.696 0.26 338.6)
WCAG contrast: on white 3.09:1 (Fail) · on black 6.78:1 (AA)
- #FF3A00 color page →
accent
#FF3A00
- RGB
- rgb(255 58 0)
- HSL
- hsl(14 100% 50%)
- OKLCH
- oklch(0.651 0.237 33.6)
WCAG contrast: on white 3.58:1 (Fail) · on black 5.85:1 (AA)
- #E17E00 color page →
highlight
#E17E00
- RGB
- rgb(225 126 0)
- HSL
- hsl(34 100% 44%)
- OKLCH
- oklch(0.688 0.161 60)
WCAG contrast: on white 2.92:1 (Fail) · on black 7.18:1 (AAA)
- #45BD00 color page →
border
#45BD00
- RGB
- rgb(69 189 0)
- HSL
- hsl(98 100% 37%)
- OKLCH
- oklch(0.702 0.221 139)
WCAG contrast: on white 2.46:1 (Fail) · on black 8.53:1 (AAA)
- #57D1C6 color page →
focus
#57D1C6
- RGB
- rgb(87 209 198)
- HSL
- hsl(175 57% 58%)
- OKLCH
- oklch(0.789 0.11 187)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.34:1 (AAA)
- #EAEDF0 color page →
text
#EAEDF0
- RGB
- rgb(234 237 240)
- HSL
- hsl(210 17% 93%)
- OKLCH
- oklch(0.945 0.005 247.9)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.87:1 (AAA)
Export Bold Purple Pizzazz Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000511;
--surface: #003b80;
--muted: #0091ff;
--primary: #8d7cff;
--secondary: #fb41d2;
--accent: #ff3a00;
--highlight: #e17e00;
--border: #45bd00;
--focus: #57d1c6;
--text: #eaedf0;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000511;
--color-surface: #003b80;
--color-muted: #0091ff;
--color-primary: #8d7cff;
--color-secondary: #fb41d2;
--color-accent: #ff3a00;
--color-highlight: #e17e00;
--color-border: #45bd00;
--color-focus: #57d1c6;
--color-text: #eaedf0;
}JSON (DTCG tokens)
{
"bold-purple-pizzazz-ribbon-2i8": {
"bg": {
"$type": "color",
"$value": "#000511"
},
"surface": {
"$type": "color",
"$value": "#003b80"
},
"muted": {
"$type": "color",
"$value": "#0091ff"
},
"primary": {
"$type": "color",
"$value": "#8d7cff"
},
"secondary": {
"$type": "color",
"$value": "#fb41d2"
},
"accent": {
"$type": "color",
"$value": "#ff3a00"
},
"highlight": {
"$type": "color",
"$value": "#e17e00"
},
"border": {
"$type": "color",
"$value": "#45bd00"
},
"focus": {
"$type": "color",
"$value": "#57d1c6"
},
"text": {
"$type": "color",
"$value": "#eaedf0"
}
}
}About this palette
Bold Purple Pizzazz Ribbon is a 10-color OKLCH-ready palette tagged red, warm, oklch neon, cyberpunk, rainbow, 10 colors. Hex values: #000511, #003B80, #0091FF, #8D7CFF, #FB41D2, #FF3A00, #E17E00, #45BD00, #57D1C6, #EAEDF0. APCA contrast score Lc 9.1. 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 Bold Purple Pizzazz Ribbon by OKLab color distance.