Palette · 9 colors · Lc 8.6
Vivid Red Pegasus Grove palette
Vivid Red Pegasus Grove: a 9-color palette (Orange, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F9E8E4, #FFBAC3, #FA7EB4, #EF4C68, #DD0000, #B90000, #851200, #690000, #300000, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9E8E4
surface
#FFBAC3
muted
#FA7EB4
primary
#EF4C68
secondary
#DD0000
accent
#B90000
highlight
#851200
border
#690000
text
#300000
Colors in Vivid Red Pegasus Grove: HEX, RGB, HSL & OKLCH
- #F9E8E4 color page →
bg
#F9E8E4
- RGB
- rgb(249 232 228)
- HSL
- hsl(11 64% 94%)
- OKLCH
- oklch(0.943 0.019 33.4)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.69:1 (AAA)
- #FFBAC3 color page →
surface
#FFBAC3
- RGB
- rgb(255 186 195)
- HSL
- hsl(352 100% 86%)
- OKLCH
- oklch(0.855 0.081 10.2)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.06:1 (AAA)
- #FA7EB4 color page →
muted
#FA7EB4
- RGB
- rgb(250 126 180)
- HSL
- hsl(334 93% 74%)
- OKLCH
- oklch(0.749 0.161 354.3)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.70:1 (AAA)
- #EF4C68 color page →
primary
#EF4C68
- RGB
- rgb(239 76 104)
- HSL
- hsl(350 84% 62%)
- OKLCH
- oklch(0.651 0.198 14.7)
WCAG contrast: on white 3.55:1 (Fail) · on black 5.90:1 (AA)
- #DD0000 color page →
secondary
#DD0000
- RGB
- rgb(221 0 0)
- HSL
- hsl(0 100% 43%)
- OKLCH
- oklch(0.564 0.231 29.2)
WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)
- #B90000 color page →
accent
#B90000
- RGB
- rgb(185 0 0)
- HSL
- hsl(0 100% 36%)
- OKLCH
- oklch(0.493 0.202 29.2)
WCAG contrast: on white 6.85:1 (AA) · on black 3.06:1 (Fail)
- #851200 color page →
highlight
#851200
- RGB
- rgb(133 18 0)
- HSL
- hsl(8 100% 26%)
- OKLCH
- oklch(0.396 0.151 31.9)
WCAG contrast: on white 10.07:1 (AAA) · on black 2.08:1 (Fail)
- #690000 color page →
border
#690000
- RGB
- rgb(105 0 0)
- HSL
- hsl(0 100% 21%)
- OKLCH
- oklch(0.327 0.134 29.2)
WCAG contrast: on white 13.11:1 (AAA) · on black 1.60:1 (Fail)
- #300000 color page →
text
#300000
- RGB
- rgb(48 0 0)
- HSL
- hsl(0 100% 9%)
- OKLCH
- oklch(0.194 0.08 29.2)
WCAG contrast: on white 18.65:1 (AAA) · on black 1.12:1 (Fail)
Export Vivid Red Pegasus Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9e8e4;
--surface: #ffbac3;
--muted: #fa7eb4;
--primary: #ef4c68;
--secondary: #dd0000;
--accent: #b90000;
--highlight: #851200;
--border: #690000;
--text: #300000;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9e8e4;
--color-surface: #ffbac3;
--color-muted: #fa7eb4;
--color-primary: #ef4c68;
--color-secondary: #dd0000;
--color-accent: #b90000;
--color-highlight: #851200;
--color-border: #690000;
--color-text: #300000;
}JSON (DTCG tokens)
{
"vivid-red-pegasus-grove-164": {
"bg": {
"$type": "color",
"$value": "#f9e8e4"
},
"surface": {
"$type": "color",
"$value": "#ffbac3"
},
"muted": {
"$type": "color",
"$value": "#fa7eb4"
},
"primary": {
"$type": "color",
"$value": "#ef4c68"
},
"secondary": {
"$type": "color",
"$value": "#dd0000"
},
"accent": {
"$type": "color",
"$value": "#b90000"
},
"highlight": {
"$type": "color",
"$value": "#851200"
},
"border": {
"$type": "color",
"$value": "#690000"
},
"text": {
"$type": "color",
"$value": "#300000"
}
}
}About this palette
Vivid Red Pegasus Grove is a 9-color OKLCH-ready palette tagged orange, warm, 9 colors. Hex values: #F9E8E4, #FFBAC3, #FA7EB4, #EF4C68, #DD0000, #B90000, #851200, #690000, #300000. APCA contrast score Lc 8.6. 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 Red Pegasus Grove by OKLab color distance.