Palette · 5 colors · Lc 8.2
True Azure Ribbon palette
True Azure Ribbon: a 5-color palette (Violet, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #E0E5EC, #11BAFE, #007BF8, #3037A8, #001A40, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0E5EC
surface
#11BAFE
primary
#007BF8
accent
#3037A8
text
#001A40
Colors in True Azure Ribbon: HEX, RGB, HSL & OKLCH
- #E0E5EC color page →
bg
#E0E5EC
- RGB
- rgb(224 229 236)
- HSL
- hsl(215 24% 90%)
- OKLCH
- oklch(0.92 0.011 256.7)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.58:1 (AAA)
- #11BAFE color page →
surface
#11BAFE
- RGB
- rgb(17 186 254)
- HSL
- hsl(197 99% 53%)
- OKLCH
- oklch(0.744 0.154 234.3)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.47:1 (AAA)
- #007BF8 color page →
primary
#007BF8
- RGB
- rgb(0 123 248)
- HSL
- hsl(210 100% 49%)
- OKLCH
- oklch(0.6 0.208 256.4)
WCAG contrast: on white 4.04:1 (Fail) · on black 5.18:1 (AA)
- #3037A8 color page →
accent
#3037A8
- RGB
- rgb(48 55 168)
- HSL
- hsl(237 56% 42%)
- OKLCH
- oklch(0.41 0.178 272.8)
WCAG contrast: on white 9.38:1 (AAA) · on black 2.23:1 (Fail)
- #001A40 color page →
text
#001A40
- RGB
- rgb(0 26 64)
- HSL
- hsl(216 100% 13%)
- OKLCH
- oklch(0.225 0.08 257)
WCAG contrast: on white 17.18:1 (AAA) · on black 1.22:1 (Fail)
Export True Azure Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0e5ec;
--surface: #11bafe;
--primary: #007bf8;
--accent: #3037a8;
--text: #001a40;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0e5ec;
--color-surface: #11bafe;
--color-primary: #007bf8;
--color-accent: #3037a8;
--color-text: #001a40;
}JSON (DTCG tokens)
{
"true-azure-ribbon-2ti": {
"bg": {
"$type": "color",
"$value": "#e0e5ec"
},
"surface": {
"$type": "color",
"$value": "#11bafe"
},
"primary": {
"$type": "color",
"$value": "#007bf8"
},
"accent": {
"$type": "color",
"$value": "#3037a8"
},
"text": {
"$type": "color",
"$value": "#001a40"
}
}
}About this palette
True Azure Ribbon is a 5-color OKLCH-ready palette tagged violet, cold, 5 colors. Hex values: #E0E5EC, #11BAFE, #007BF8, #3037A8, #001A40. 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 Azure Ribbon by OKLab color distance.