Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Home/Explore/Violet Voltage Prism

Palette · 6 colors · Lc 9.1

Violet Voltage Prism palette

Violet Voltage Prism: a 6-color palette (Pink, Rainbow, 6 Colors). HEX, RGB, HSL and OKLCH for #F7EFF8, #B15CDB, #CD3D00, #447300, #006873, #16081A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.

  • Pink
  • Rainbow
  • 6 Colors

bg

#F7EFF8

surface

#B15CDB

muted

#CD3D00

primary

#447300

accent

#006873

text

#16081A

Open in StudioOpen in PickerAll palettes

Colors in Violet Voltage Prism: HEX, RGB, HSL & OKLCH

  • bg

    #F7EFF8

    #F7EFF8 color page →
    RGB
    rgb(247 239 248)
    HSL
    hsl(293 39% 95%)
    OKLCH
    oklch(0.961 0.015 322.3)

    WCAG contrast: on white 1.12:1 (Fail) · on black 18.65:1 (AAA)

  • surface

    #B15CDB

    #B15CDB color page →
    RGB
    rgb(177 92 219)
    HSL
    hsl(280 64% 61%)
    OKLCH
    oklch(0.628 0.196 313)

    WCAG contrast: on white 3.87:1 (Fail) · on black 5.42:1 (AA)

  • muted

    #CD3D00

    #CD3D00 color page →
    RGB
    rgb(205 61 0)
    HSL
    hsl(18 100% 40%)
    OKLCH
    oklch(0.567 0.189 37.2)

    WCAG contrast: on white 4.92:1 (AA) · on black 4.26:1 (Fail)

  • primary

    #447300

    #447300 color page →
    RGB
    rgb(68 115 0)
    HSL
    hsl(85 100% 23%)
    OKLCH
    oklch(0.502 0.139 132)

    WCAG contrast: on white 5.67:1 (AA) · on black 3.69:1 (Fail)

  • accent

    #006873

    #006873 color page →
    RGB
    rgb(0 104 115)
    HSL
    hsl(186 100% 23%)
    OKLCH
    oklch(0.473 0.081 207.5)

    WCAG contrast: on white 6.50:1 (AA) · on black 3.22:1 (Fail)

  • text

    #16081A

    #16081A color page →
    RGB
    rgb(22 8 26)
    HSL
    hsl(287 53% 7%)
    OKLCH
    oklch(0.166 0.042 318.5)

    WCAG contrast: on white 19.37:1 (AAA) · on black 1.08:1 (Fail)

Export Violet Voltage Prism: CSS variables, Tailwind & JSON

CSS variables

:root {
  --bg: #f7eff8;
  --surface: #b15cdb;
  --muted: #cd3d00;
  --primary: #447300;
  --accent: #006873;
  --text: #16081a;
}

Tailwind CSS v4 @theme

@theme {
  --color-bg: #f7eff8;
  --color-surface: #b15cdb;
  --color-muted: #cd3d00;
  --color-primary: #447300;
  --color-accent: #006873;
  --color-text: #16081a;
}

JSON (DTCG tokens)

{
  "violet-voltage-prism-50p": {
    "bg": {
      "$type": "color",
      "$value": "#f7eff8"
    },
    "surface": {
      "$type": "color",
      "$value": "#b15cdb"
    },
    "muted": {
      "$type": "color",
      "$value": "#cd3d00"
    },
    "primary": {
      "$type": "color",
      "$value": "#447300"
    },
    "accent": {
      "$type": "color",
      "$value": "#006873"
    },
    "text": {
      "$type": "color",
      "$value": "#16081a"
    }
  }
}

About this palette

Violet Voltage Prism is a 6-color OKLCH-ready palette tagged pink, rainbow, 6 colors. Hex values: #F7EFF8, #B15CDB, #CD3D00, #447300, #006873, #16081A. APCA contrast score Lc 9.1. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.

Related palettes

Shared tags, similar size and contrast.

  • True Pleasant Purple FogPink · Rainbow
  • True Purple Rain TidePink · Rainbow
  • Atomic Lilac Spring PrismPink · Rainbow
  • Warm Blue CanvasPink · Rainbow
  • Neon Hokkaido Lavender PulsePink · Rainbow
  • Pure Hokkaido Lavender SignalPink · Rainbow

Palettes with similar colors

Closest to Violet Voltage Prism by OKLab color distance.

  • True Bolognese EmberYellow · Warm
  • True Barbiecore DuneRed · Rainbow
  • Pure Donkey Kong MirrorOrange · Warm
  • True Hot Lips PulseOrange · Warm
  • Copper Hopper EmberOrange · Warm
  • Steady Communist DeltaOrange · Warm
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA