Palette · 9 colors · Lc 9.2
Venus Violet Studio palette
Venus Violet Studio: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #E7E9FF, #C5D0F8, #8FA9DE, #7F8CD0, #706BBD, #674F92, #573D6E, #2E2246, #110E21, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#E7E9FF
surface
#C5D0F8
muted
#8FA9DE
primary
#7F8CD0
secondary
#706BBD
accent
#674F92
highlight
#573D6E
border
#2E2246
text
#110E21
Colors in Venus Violet Studio: HEX, RGB, HSL & OKLCH
- #E7E9FF color page →
bg
#E7E9FF
- RGB
- rgb(231 233 255)
- HSL
- hsl(235 100% 95%)
- OKLCH
- oklch(0.939 0.03 281.7)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.49:1 (AAA)
- #C5D0F8 color page →
surface
#C5D0F8
- RGB
- rgb(197 208 248)
- HSL
- hsl(227 78% 87%)
- OKLCH
- oklch(0.862 0.057 273.1)
WCAG contrast: on white 1.52:1 (Fail) · on black 13.75:1 (AAA)
- #8FA9DE color page →
muted
#8FA9DE
- RGB
- rgb(143 169 222)
- HSL
- hsl(220 54% 72%)
- OKLCH
- oklch(0.735 0.083 264.2)
WCAG contrast: on white 2.36:1 (Fail) · on black 8.89:1 (AAA)
- #7F8CD0 color page →
primary
#7F8CD0
- RGB
- rgb(127 140 208)
- HSL
- hsl(230 46% 66%)
- OKLCH
- oklch(0.657 0.103 275)
WCAG contrast: on white 3.19:1 (Fail) · on black 6.56:1 (AA)
- #706BBD color page →
secondary
#706BBD
- RGB
- rgb(112 107 189)
- HSL
- hsl(244 38% 58%)
- OKLCH
- oklch(0.57 0.124 284.5)
WCAG contrast: on white 4.63:1 (AA) · on black 4.52:1 (AA)
- #674F92 color page →
accent
#674F92
- RGB
- rgb(103 79 146)
- HSL
- hsl(261 30% 44%)
- OKLCH
- oklch(0.483 0.107 298.9)
WCAG contrast: on white 6.75:1 (AA) · on black 3.11:1 (Fail)
- #573D6E color page →
highlight
#573D6E
- RGB
- rgb(87 61 110)
- HSL
- hsl(272 29% 34%)
- OKLCH
- oklch(0.411 0.085 307.5)
WCAG contrast: on white 9.13:1 (AAA) · on black 2.29:1 (Fail)
- #2E2246 color page →
border
#2E2246
- RGB
- rgb(46 34 70)
- HSL
- hsl(260 35% 20%)
- OKLCH
- oklch(0.285 0.065 297.5)
WCAG contrast: on white 14.65:1 (AAA) · on black 1.43:1 (Fail)
- #110E21 color page →
text
#110E21
- RGB
- rgb(17 14 33)
- HSL
- hsl(249 40% 9%)
- OKLCH
- oklch(0.179 0.038 289.2)
WCAG contrast: on white 18.94:1 (AAA) · on black 1.10:1 (Fail)
Export Venus Violet Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7e9ff;
--surface: #c5d0f8;
--muted: #8fa9de;
--primary: #7f8cd0;
--secondary: #706bbd;
--accent: #674f92;
--highlight: #573d6e;
--border: #2e2246;
--text: #110e21;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7e9ff;
--color-surface: #c5d0f8;
--color-muted: #8fa9de;
--color-primary: #7f8cd0;
--color-secondary: #706bbd;
--color-accent: #674f92;
--color-highlight: #573d6e;
--color-border: #2e2246;
--color-text: #110e21;
}JSON (DTCG tokens)
{
"venus-violet-studio-5us": {
"bg": {
"$type": "color",
"$value": "#e7e9ff"
},
"surface": {
"$type": "color",
"$value": "#c5d0f8"
},
"muted": {
"$type": "color",
"$value": "#8fa9de"
},
"primary": {
"$type": "color",
"$value": "#7f8cd0"
},
"secondary": {
"$type": "color",
"$value": "#706bbd"
},
"accent": {
"$type": "color",
"$value": "#674f92"
},
"highlight": {
"$type": "color",
"$value": "#573d6e"
},
"border": {
"$type": "color",
"$value": "#2e2246"
},
"text": {
"$type": "color",
"$value": "#110e21"
}
}
}About this palette
Venus Violet Studio is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #E7E9FF, #C5D0F8, #8FA9DE, #7F8CD0, #706BBD, #674F92, #573D6E, #2E2246, #110E21. 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 Venus Violet Studio by OKLab color distance.