Palette · 10 colors · Lc 8.7
Vivid Rare Red Ribbon palette
Vivid Rare Red Ribbon: a 10-color palette (Orange, Warm, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #F6DFE3, #E57A8A, #DC0033, #BB4100, #666900, #008748, #00719A, #0E4BC0, #4B1F55, #140508, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6DFE3
surface
#E57A8A
muted
#DC0033
primary
#BB4100
secondary
#666900
accent
#008748
highlight
#00719A
border
#0E4BC0
focus
#4B1F55
text
#140508
Colors in Vivid Rare Red Ribbon: HEX, RGB, HSL & OKLCH
- #F6DFE3 color page →
bg
#F6DFE3
- RGB
- rgb(246 223 227)
- HSL
- hsl(350 56% 92%)
- OKLCH
- oklch(0.923 0.026 5.7)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.58:1 (AAA)
- #E57A8A color page →
surface
#E57A8A
- RGB
- rgb(229 122 138)
- HSL
- hsl(351 67% 69%)
- OKLCH
- oklch(0.704 0.133 11.6)
WCAG contrast: on white 2.80:1 (Fail) · on black 7.48:1 (AAA)
- #DC0033 color page →
muted
#DC0033
- RGB
- rgb(220 0 51)
- HSL
- hsl(346 100% 43%)
- OKLCH
- oklch(0.565 0.227 21.6)
WCAG contrast: on white 5.13:1 (AA) · on black 4.09:1 (Fail)
- #BB4100 color page →
primary
#BB4100
- RGB
- rgb(187 65 0)
- HSL
- hsl(21 100% 37%)
- OKLCH
- oklch(0.541 0.168 40.5)
WCAG contrast: on white 5.42:1 (AA) · on black 3.86:1 (Fail)
- #666900 color page →
secondary
#666900
- RGB
- rgb(102 105 0)
- HSL
- hsl(62 100% 21%)
- OKLCH
- oklch(0.501 0.111 111.7)
WCAG contrast: on white 5.85:1 (AA) · on black 3.58:1 (Fail)
- #008748 color page →
accent
#008748
- RGB
- rgb(0 135 72)
- HSL
- hsl(152 100% 26%)
- OKLCH
- oklch(0.547 0.139 153.5)
WCAG contrast: on white 4.60:1 (AA) · on black 4.55:1 (AA)
- #00719A color page →
highlight
#00719A
- RGB
- rgb(0 113 154)
- HSL
- hsl(196 100% 30%)
- OKLCH
- oklch(0.516 0.106 232.5)
WCAG contrast: on white 5.48:1 (AA) · on black 3.82:1 (Fail)
- #0E4BC0 color page →
border
#0E4BC0
- RGB
- rgb(14 75 192)
- HSL
- hsl(219 86% 40%)
- OKLCH
- oklch(0.457 0.193 261.9)
WCAG contrast: on white 7.53:1 (AAA) · on black 2.78:1 (Fail)
- #4B1F55 color page →
focus
#4B1F55
- RGB
- rgb(75 31 85)
- HSL
- hsl(289 47% 23%)
- OKLCH
- oklch(0.328 0.103 319.9)
WCAG contrast: on white 12.91:1 (AAA) · on black 1.62:1 (Fail)
- #140508 color page →
text
#140508
- RGB
- rgb(20 5 8)
- HSL
- hsl(348 60% 5%)
- OKLCH
- oklch(0.144 0.03 6.2)
WCAG contrast: on white 19.90:1 (AAA) · on black 1.05:1 (Fail)
Export Vivid Rare Red Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6dfe3;
--surface: #e57a8a;
--muted: #dc0033;
--primary: #bb4100;
--secondary: #666900;
--accent: #008748;
--highlight: #00719a;
--border: #0e4bc0;
--focus: #4b1f55;
--text: #140508;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6dfe3;
--color-surface: #e57a8a;
--color-muted: #dc0033;
--color-primary: #bb4100;
--color-secondary: #666900;
--color-accent: #008748;
--color-highlight: #00719a;
--color-border: #0e4bc0;
--color-focus: #4b1f55;
--color-text: #140508;
}JSON (DTCG tokens)
{
"vivid-rare-red-ribbon-7e5": {
"bg": {
"$type": "color",
"$value": "#f6dfe3"
},
"surface": {
"$type": "color",
"$value": "#e57a8a"
},
"muted": {
"$type": "color",
"$value": "#dc0033"
},
"primary": {
"$type": "color",
"$value": "#bb4100"
},
"secondary": {
"$type": "color",
"$value": "#666900"
},
"accent": {
"$type": "color",
"$value": "#008748"
},
"highlight": {
"$type": "color",
"$value": "#00719a"
},
"border": {
"$type": "color",
"$value": "#0e4bc0"
},
"focus": {
"$type": "color",
"$value": "#4b1f55"
},
"text": {
"$type": "color",
"$value": "#140508"
}
}
}About this palette
Vivid Rare Red Ribbon is a 10-color OKLCH-ready palette tagged orange, warm, rainbow, 10 colors. Hex values: #F6DFE3, #E57A8A, #DC0033, #BB4100, #666900, #008748, #00719A, #0E4BC0, #4B1F55, #140508. APCA contrast score Lc 8.7. 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 Vivid Rare Red Ribbon by OKLab color distance.