Palette · 8 colors · Lc 8.3
Dusk Red Octopus Mirror palette
Dusk Red Octopus Mirror: a 8-color palette (Red, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #DCEDF9, #56AFDC, #008DB3, #746B00, #842F49, #1B3255, #092232, #03080D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCEDF9
surface
#56AFDC
muted
#008DB3
primary
#746B00
secondary
#842F49
accent
#1B3255
highlight
#092232
text
#03080D
Colors in Dusk Red Octopus Mirror: HEX, RGB, HSL & OKLCH
- #DCEDF9 color page →
bg
#DCEDF9
- RGB
- rgb(220 237 249)
- HSL
- hsl(205 71% 92%)
- OKLCH
- oklch(0.937 0.024 238.4)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.52:1 (AAA)
- #56AFDC color page →
surface
#56AFDC
- RGB
- rgb(86 175 220)
- HSL
- hsl(200 66% 60%)
- OKLCH
- oklch(0.717 0.107 233)
WCAG contrast: on white 2.45:1 (Fail) · on black 8.56:1 (AAA)
- #008DB3 color page →
muted
#008DB3
- RGB
- rgb(0 141 179)
- HSL
- hsl(193 100% 35%)
- OKLCH
- oklch(0.599 0.114 225.4)
WCAG contrast: on white 3.84:1 (Fail) · on black 5.46:1 (AA)
- #746B00 color page →
primary
#746B00
- RGB
- rgb(116 107 0)
- HSL
- hsl(55 100% 23%)
- OKLCH
- oklch(0.52 0.11 103.7)
WCAG contrast: on white 5.46:1 (AA) · on black 3.84:1 (Fail)
- #842F49 color page →
secondary
#842F49
- RGB
- rgb(132 47 73)
- HSL
- hsl(342 47% 35%)
- OKLCH
- oklch(0.436 0.119 4.5)
WCAG contrast: on white 8.45:1 (AAA) · on black 2.48:1 (Fail)
- #1B3255 color page →
accent
#1B3255
- RGB
- rgb(27 50 85)
- HSL
- hsl(216 52% 22%)
- OKLCH
- oklch(0.318 0.069 258.6)
WCAG contrast: on white 12.85:1 (AAA) · on black 1.63:1 (Fail)
- #092232 color page →
highlight
#092232
- RGB
- rgb(9 34 50)
- HSL
- hsl(203 69% 12%)
- OKLCH
- oklch(0.241 0.043 240.1)
WCAG contrast: on white 16.32:1 (AAA) · on black 1.28:1 (Fail)
- #03080D color page →
text
#03080D
- RGB
- rgb(3 8 13)
- HSL
- hsl(210 63% 3%)
- OKLCH
- oklch(0.13 0.016 240.2)
WCAG contrast: on white 20.10:1 (AAA) · on black 1.04:1 (Fail)
Export Dusk Red Octopus Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dcedf9;
--surface: #56afdc;
--muted: #008db3;
--primary: #746b00;
--secondary: #842f49;
--accent: #1b3255;
--highlight: #092232;
--text: #03080d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dcedf9;
--color-surface: #56afdc;
--color-muted: #008db3;
--color-primary: #746b00;
--color-secondary: #842f49;
--color-accent: #1b3255;
--color-highlight: #092232;
--color-text: #03080d;
}JSON (DTCG tokens)
{
"dusk-red-octopus-mirror-6ss": {
"bg": {
"$type": "color",
"$value": "#dcedf9"
},
"surface": {
"$type": "color",
"$value": "#56afdc"
},
"muted": {
"$type": "color",
"$value": "#008db3"
},
"primary": {
"$type": "color",
"$value": "#746b00"
},
"secondary": {
"$type": "color",
"$value": "#842f49"
},
"accent": {
"$type": "color",
"$value": "#1b3255"
},
"highlight": {
"$type": "color",
"$value": "#092232"
},
"text": {
"$type": "color",
"$value": "#03080d"
}
}
}About this palette
Dusk Red Octopus Mirror is a 8-color OKLCH-ready palette tagged red, warm, 8 colors. Hex values: #DCEDF9, #56AFDC, #008DB3, #746B00, #842F49, #1B3255, #092232, #03080D. APCA contrast score Lc 8.3. 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 Dusk Red Octopus Mirror by OKLab color distance.