Palette · 3 colors · Lc 8.6
Matt Blue Beacon palette
Matt Blue Beacon: a 3-color palette (Violet, Cold, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #010510, #006CD5, #DCEFFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Cold
- Monochromatic
- 3 Colors
bg
#010510
accent
#006CD5
text
#DCEFFF
Colors in Matt Blue Beacon: HEX, RGB, HSL & OKLCH
- #010510 color page →
bg
#010510
- RGB
- rgb(1 5 16)
- HSL
- hsl(224 88% 3%)
- OKLCH
- oklch(0.116 0.031 257.1)
WCAG contrast: on white 20.37:1 (AAA) · on black 1.03:1 (Fail)
- #006CD5 color page →
accent
#006CD5
- RGB
- rgb(0 108 213)
- HSL
- hsl(210 100% 42%)
- OKLCH
- oklch(0.542 0.181 255.5)
WCAG contrast: on white 5.11:1 (AA) · on black 4.10:1 (Fail)
- #DCEFFF color page →
text
#DCEFFF
- RGB
- rgb(220 239 255)
- HSL
- hsl(207 100% 93%)
- OKLCH
- oklch(0.943 0.03 243.4)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.83:1 (AAA)
Export Matt Blue Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #010510;
--accent: #006cd5;
--text: #dcefff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #010510;
--color-accent: #006cd5;
--color-text: #dcefff;
}JSON (DTCG tokens)
{
"matt-blue-beacon-78": {
"bg": {
"$type": "color",
"$value": "#010510"
},
"accent": {
"$type": "color",
"$value": "#006cd5"
},
"text": {
"$type": "color",
"$value": "#dcefff"
}
}
}About this palette
Matt Blue Beacon is a 3-color OKLCH-ready palette tagged violet, cold, monochromatic, 3 colors. Hex values: #010510, #006CD5, #DCEFFF. APCA contrast score Lc 8.6. 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 Matt Blue Beacon by OKLab color distance.