Palette · 10 colors · Lc 9.2
Bold Violet Tide palette
Bold Violet Tide: a 10-color palette (Pink, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #E6EBF2, #7CB8FB, #0080FF, #903AE6, #C90051, #BB2E00, #A85200, #5B5E00, #004A38, #071019, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6EBF2
surface
#7CB8FB
muted
#0080FF
primary
#903AE6
secondary
#C90051
accent
#BB2E00
highlight
#A85200
border
#5B5E00
focus
#004A38
text
#071019
Colors in Bold Violet Tide: HEX, RGB, HSL & OKLCH
- #E6EBF2 color page →
bg
#E6EBF2
- RGB
- rgb(230 235 242)
- HSL
- hsl(215 32% 93%)
- OKLCH
- oklch(0.938 0.011 256.7)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.53:1 (AAA)
- #7CB8FB color page →
surface
#7CB8FB
- RGB
- rgb(124 184 251)
- HSL
- hsl(212 94% 74%)
- OKLCH
- oklch(0.768 0.115 252)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.10:1 (AAA)
- #0080FF color page →
muted
#0080FF
- RGB
- rgb(0 128 255)
- HSL
- hsl(210 100% 50%)
- OKLCH
- oklch(0.615 0.211 256.1)
WCAG contrast: on white 3.79:1 (Fail) · on black 5.53:1 (AA)
- #903AE6 color page →
primary
#903AE6
- RGB
- rgb(144 58 230)
- HSL
- hsl(270 77% 56%)
- OKLCH
- oklch(0.557 0.242 301.5)
WCAG contrast: on white 5.33:1 (AA) · on black 3.93:1 (Fail)
- #C90051 color page →
secondary
#C90051
- RGB
- rgb(201 0 81)
- HSL
- hsl(336 100% 39%)
- OKLCH
- oklch(0.534 0.214 9.6)
WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)
- #BB2E00 color page →
accent
#BB2E00
- RGB
- rgb(187 46 0)
- HSL
- hsl(15 100% 37%)
- OKLCH
- oklch(0.521 0.183 34.9)
WCAG contrast: on white 5.99:1 (AA) · on black 3.50:1 (Fail)
- #A85200 color page →
highlight
#A85200
- RGB
- rgb(168 82 0)
- HSL
- hsl(29 100% 33%)
- OKLCH
- oklch(0.535 0.136 52.9)
WCAG contrast: on white 5.42:1 (AA) · on black 3.87:1 (Fail)
- #5B5E00 color page →
border
#5B5E00
- RGB
- rgb(91 94 0)
- HSL
- hsl(62 100% 18%)
- OKLCH
- oklch(0.464 0.103 111.9)
WCAG contrast: on white 6.89:1 (AA) · on black 3.04:1 (Fail)
- #004A38 color page →
focus
#004A38
- RGB
- rgb(0 74 56)
- HSL
- hsl(165 100% 15%)
- OKLCH
- oklch(0.364 0.072 169.7)
WCAG contrast: on white 10.31:1 (AAA) · on black 2.03:1 (Fail)
- #071019 color page →
text
#071019
- RGB
- rgb(7 16 25)
- HSL
- hsl(210 56% 6%)
- OKLCH
- oklch(0.169 0.024 248.6)
WCAG contrast: on white 19.13:1 (AAA) · on black 1.09:1 (Fail)
Export Bold Violet Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6ebf2;
--surface: #7cb8fb;
--muted: #0080ff;
--primary: #903ae6;
--secondary: #c90051;
--accent: #bb2e00;
--highlight: #a85200;
--border: #5b5e00;
--focus: #004a38;
--text: #071019;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6ebf2;
--color-surface: #7cb8fb;
--color-muted: #0080ff;
--color-primary: #903ae6;
--color-secondary: #c90051;
--color-accent: #bb2e00;
--color-highlight: #a85200;
--color-border: #5b5e00;
--color-focus: #004a38;
--color-text: #071019;
}JSON (DTCG tokens)
{
"bold-violet-tide-7nx": {
"bg": {
"$type": "color",
"$value": "#e6ebf2"
},
"surface": {
"$type": "color",
"$value": "#7cb8fb"
},
"muted": {
"$type": "color",
"$value": "#0080ff"
},
"primary": {
"$type": "color",
"$value": "#903ae6"
},
"secondary": {
"$type": "color",
"$value": "#c90051"
},
"accent": {
"$type": "color",
"$value": "#bb2e00"
},
"highlight": {
"$type": "color",
"$value": "#a85200"
},
"border": {
"$type": "color",
"$value": "#5b5e00"
},
"focus": {
"$type": "color",
"$value": "#004a38"
},
"text": {
"$type": "color",
"$value": "#071019"
}
}
}About this palette
Bold Violet Tide is a 10-color OKLCH-ready palette tagged pink, rainbow, 10 colors. Hex values: #E6EBF2, #7CB8FB, #0080FF, #903AE6, #C90051, #BB2E00, #A85200, #5B5E00, #004A38, #071019. APCA contrast score Lc 9.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 Bold Violet Tide by OKLab color distance.