Palette · 3 colors · Lc 9.4
Queen Blue Garden palette
Queen Blue Garden: a 3-color palette (Violet, Gray, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #F3EBE0, #3B6CA7, #100D0A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3EBE0
accent
#3B6CA7
text
#100D0A
Colors in Queen Blue Garden: HEX, RGB, HSL & OKLCH
- #F3EBE0 color page →
bg
#F3EBE0
- RGB
- rgb(243 235 224)
- HSL
- hsl(35 44% 92%)
- OKLCH
- oklch(0.943 0.017 76.1)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.77:1 (AAA)
- #3B6CA7 color page →
accent
#3B6CA7
- RGB
- rgb(59 108 167)
- HSL
- hsl(213 48% 44%)
- OKLCH
- oklch(0.525 0.108 254.2)
WCAG contrast: on white 5.39:1 (AA) · on black 3.88:1 (Fail)
- #100D0A color page →
text
#100D0A
- RGB
- rgb(16 13 10)
- HSL
- hsl(30 23% 5%)
- OKLCH
- oklch(0.162 0.008 67.2)
WCAG contrast: on white 19.37:1 (AAA) · on black 1.08:1 (Fail)
Export Queen Blue Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3ebe0;
--accent: #3b6ca7;
--text: #100d0a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3ebe0;
--color-accent: #3b6ca7;
--color-text: #100d0a;
}JSON (DTCG tokens)
{
"queen-blue-garden-7ai": {
"bg": {
"$type": "color",
"$value": "#f3ebe0"
},
"accent": {
"$type": "color",
"$value": "#3b6ca7"
},
"text": {
"$type": "color",
"$value": "#100d0a"
}
}
}About this palette
Queen Blue Garden is a 3-color OKLCH-ready palette tagged violet, gray, cold, 3 colors. Hex values: #F3EBE0, #3B6CA7, #100D0A. APCA contrast score Lc 9.4. 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 Queen Blue Garden by OKLab color distance.