Palette · 9 colors · Lc 8.7
Steady Prince Charming Beacon palette
Steady Prince Charming Beacon: a 9-color palette (Red, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #FFE0EA, #FFACD3, #F679B0, #EF5295, #CC2973, #9C004D, #78003C, #40001B, #1A070C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE0EA
surface
#FFACD3
muted
#F679B0
primary
#EF5295
secondary
#CC2973
accent
#9C004D
highlight
#78003C
border
#40001B
text
#1A070C
Colors in Steady Prince Charming Beacon: HEX, RGB, HSL & OKLCH
- #FFE0EA color page →
bg
#FFE0EA
- RGB
- rgb(255 224 234)
- HSL
- hsl(341 100% 94%)
- OKLCH
- oklch(0.935 0.036 356.3)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.10:1 (AAA)
- #FFACD3 color page →
surface
#FFACD3
- RGB
- rgb(255 172 211)
- HSL
- hsl(332 100% 84%)
- OKLCH
- oklch(0.836 0.108 350)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.09:1 (AAA)
- #F679B0 color page →
muted
#F679B0
- RGB
- rgb(246 121 176)
- HSL
- hsl(334 87% 72%)
- OKLCH
- oklch(0.735 0.163 354.2)
WCAG contrast: on white 2.53:1 (Fail) · on black 8.28:1 (AAA)
- #EF5295 color page →
primary
#EF5295
- RGB
- rgb(239 82 149)
- HSL
- hsl(334 83% 63%)
- OKLCH
- oklch(0.669 0.201 357.7)
WCAG contrast: on white 3.32:1 (Fail) · on black 6.31:1 (AA)
- #CC2973 color page →
secondary
#CC2973
- RGB
- rgb(204 41 115)
- HSL
- hsl(333 67% 48%)
- OKLCH
- oklch(0.566 0.204 359.2)
WCAG contrast: on white 5.08:1 (AA) · on black 4.13:1 (Fail)
- #9C004D color page →
accent
#9C004D
- RGB
- rgb(156 0 77)
- HSL
- hsl(330 100% 31%)
- OKLCH
- oklch(0.447 0.181 1.8)
WCAG contrast: on white 8.33:1 (AAA) · on black 2.52:1 (Fail)
- #78003C color page →
highlight
#78003C
- RGB
- rgb(120 0 60)
- HSL
- hsl(330 100% 24%)
- OKLCH
- oklch(0.371 0.15 0.4)
WCAG contrast: on white 11.26:1 (AAA) · on black 1.86:1 (Fail)
- #40001B color page →
border
#40001B
- RGB
- rgb(64 0 27)
- HSL
- hsl(335 100% 13%)
- OKLCH
- oklch(0.24 0.097 2.6)
WCAG contrast: on white 17.02:1 (AAA) · on black 1.23:1 (Fail)
- #1A070C color page →
text
#1A070C
- RGB
- rgb(26 7 12)
- HSL
- hsl(344 58% 6%)
- OKLCH
- oklch(0.163 0.035 4.4)
WCAG contrast: on white 19.45:1 (AAA) · on black 1.07:1 (Fail)
Export Steady Prince Charming Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe0ea;
--surface: #ffacd3;
--muted: #f679b0;
--primary: #ef5295;
--secondary: #cc2973;
--accent: #9c004d;
--highlight: #78003c;
--border: #40001b;
--text: #1a070c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe0ea;
--color-surface: #ffacd3;
--color-muted: #f679b0;
--color-primary: #ef5295;
--color-secondary: #cc2973;
--color-accent: #9c004d;
--color-highlight: #78003c;
--color-border: #40001b;
--color-text: #1a070c;
}JSON (DTCG tokens)
{
"steady-prince-charming-beacon-6on": {
"bg": {
"$type": "color",
"$value": "#ffe0ea"
},
"surface": {
"$type": "color",
"$value": "#ffacd3"
},
"muted": {
"$type": "color",
"$value": "#f679b0"
},
"primary": {
"$type": "color",
"$value": "#ef5295"
},
"secondary": {
"$type": "color",
"$value": "#cc2973"
},
"accent": {
"$type": "color",
"$value": "#9c004d"
},
"highlight": {
"$type": "color",
"$value": "#78003c"
},
"border": {
"$type": "color",
"$value": "#40001b"
},
"text": {
"$type": "color",
"$value": "#1a070c"
}
}
}About this palette
Steady Prince Charming Beacon is a 9-color OKLCH-ready palette tagged red, warm, 9 colors. Hex values: #FFE0EA, #FFACD3, #F679B0, #EF5295, #CC2973, #9C004D, #78003C, #40001B, #1A070C. 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 Steady Prince Charming Beacon by OKLab color distance.