Palette · 5 colors · Lc 8.2
True Bluetiful Delta palette
True Bluetiful Delta: a 5-color palette (Violet, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #DFE7F6, #3069E3, #BC2438, #2D7A00, #11151B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFE7F6
surface
#3069E3
primary
#BC2438
accent
#2D7A00
text
#11151B
Colors in True Bluetiful Delta: HEX, RGB, HSL & OKLCH
- #DFE7F6 color page →
bg
#DFE7F6
- RGB
- rgb(223 231 246)
- HSL
- hsl(219 56% 92%)
- OKLCH
- oklch(0.926 0.022 263.2)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.89:1 (AAA)
- #3069E3 color page →
surface
#3069E3
- RGB
- rgb(48 105 227)
- HSL
- hsl(221 76% 54%)
- OKLCH
- oklch(0.555 0.195 262.8)
WCAG contrast: on white 4.93:1 (AA) · on black 4.25:1 (Fail)
- #BC2438 color page →
primary
#BC2438
- RGB
- rgb(188 36 56)
- HSL
- hsl(352 68% 44%)
- OKLCH
- oklch(0.52 0.186 20.4)
WCAG contrast: on white 6.09:1 (AA) · on black 3.44:1 (Fail)
- #2D7A00 color page →
accent
#2D7A00
- RGB
- rgb(45 122 0)
- HSL
- hsl(98 100% 24%)
- OKLCH
- oklch(0.511 0.159 138.4)
WCAG contrast: on white 5.39:1 (AA) · on black 3.89:1 (Fail)
- #11151B color page →
text
#11151B
- RGB
- rgb(17 21 27)
- HSL
- hsl(216 23% 9%)
- OKLCH
- oklch(0.194 0.014 258.4)
WCAG contrast: on white 18.30:1 (AAA) · on black 1.14:1 (Fail)
Export True Bluetiful Delta: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dfe7f6;
--surface: #3069e3;
--primary: #bc2438;
--accent: #2d7a00;
--text: #11151b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dfe7f6;
--color-surface: #3069e3;
--color-primary: #bc2438;
--color-accent: #2d7a00;
--color-text: #11151b;
}JSON (DTCG tokens)
{
"true-bluetiful-delta-75z": {
"bg": {
"$type": "color",
"$value": "#dfe7f6"
},
"surface": {
"$type": "color",
"$value": "#3069e3"
},
"primary": {
"$type": "color",
"$value": "#bc2438"
},
"accent": {
"$type": "color",
"$value": "#2d7a00"
},
"text": {
"$type": "color",
"$value": "#11151b"
}
}
}About this palette
True Bluetiful Delta is a 5-color OKLCH-ready palette tagged violet, cold, 5 colors. Hex values: #DFE7F6, #3069E3, #BC2438, #2D7A00, #11151B. APCA contrast score Lc 8.2. 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 True Bluetiful Delta by OKLab color distance.