Palette · 3 colors · Lc 8.1
Steady Dragon Fruit Beacon palette
Steady Dragon Fruit Beacon: a 3-color palette (Orange, Warm, Sunset, 3 Colors). HEX, RGB, HSL and OKLCH for #FFE3D5, #CC5B67, #180F31, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE3D5
accent
#CC5B67
text
#180F31
Colors in Steady Dragon Fruit Beacon: HEX, RGB, HSL & OKLCH
- #FFE3D5 color page →
bg
#FFE3D5
- RGB
- rgb(255 227 213)
- HSL
- hsl(20 100% 92%)
- OKLCH
- oklch(0.935 0.036 48.3)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.20:1 (AAA)
- #CC5B67 color page →
accent
#CC5B67
- RGB
- rgb(204 91 103)
- HSL
- hsl(354 53% 58%)
- OKLCH
- oklch(0.615 0.144 15.8)
WCAG contrast: on white 3.99:1 (Fail) · on black 5.25:1 (AA)
- #180F31 color page →
text
#180F31
- RGB
- rgb(24 15 49)
- HSL
- hsl(256 53% 13%)
- OKLCH
- oklch(0.203 0.065 291.8)
WCAG contrast: on white 18.23:1 (AAA) · on black 1.15:1 (Fail)
Export Steady Dragon Fruit Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe3d5;
--accent: #cc5b67;
--text: #180f31;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe3d5;
--color-accent: #cc5b67;
--color-text: #180f31;
}JSON (DTCG tokens)
{
"steady-dragon-fruit-beacon-3ah": {
"bg": {
"$type": "color",
"$value": "#ffe3d5"
},
"accent": {
"$type": "color",
"$value": "#cc5b67"
},
"text": {
"$type": "color",
"$value": "#180f31"
}
}
}About this palette
Steady Dragon Fruit Beacon is a 3-color OKLCH-ready palette tagged orange, warm, sunset, 3 colors. Hex values: #FFE3D5, #CC5B67, #180F31. APCA contrast score Lc 8.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 Steady Dragon Fruit Beacon by OKLab color distance.