Classic Venus Violet Pulse palette

Colors in Classic Venus Violet Pulse: HEX, RGB, HSL & OKLCH

• bg

  #ECEBFA

  #ECEBFA color page →

  RGB

  rgb(236 235 250)

  HSL

  hsl(244 60% 95%)

  OKLCH

  oklch(0.945 0.02 289.1)

  WCAG contrast: on white 1.17:1 (Fail) · on black 17.83:1 (AAA)

• surface

  #786ACF

  #786ACF color page →

  RGB

  rgb(120 106 207)

  HSL

  hsl(248 51% 61%)

  OKLCH

  oklch(0.585 0.15 287.2)

  WCAG contrast: on white 4.41:1 (Fail) · on black 4.76:1 (AA)

• primary

  #895800

  #895800 color page →

  RGB

  rgb(137 88 0)

  HSL

  hsl(39 100% 27%)

  OKLCH

  oklch(0.502 0.108 72.1)

  WCAG contrast: on white 6.07:1 (AA) · on black 3.45:1 (Fail)

• accent

  #427119

  #427119 color page →

  RGB

  rgb(66 113 25)

  HSL

  hsl(92 64% 27%)

  OKLCH

  oklch(0.497 0.127 133.9)

  WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)

• text

  #141522

  #141522 color page →

  RGB

  rgb(20 21 34)

  HSL

  hsl(236 26% 11%)

  OKLCH

  oklch(0.201 0.026 280.4)

  WCAG contrast: on white 18.10:1 (AAA) · on black 1.16:1 (Fail)

Export Classic Venus Violet Pulse: CSS variables, Tailwind & JSON

:root {
  --bg: #ecebfa;
  --surface: #786acf;
  --primary: #895800;
  --accent: #427119;
  --text: #141522;
}

@theme {
  --color-bg: #ecebfa;
  --color-surface: #786acf;
  --color-primary: #895800;
  --color-accent: #427119;
  --color-text: #141522;
}

{
  "classic-venus-violet-pulse-pg": {
    "bg": {
      "$type": "color",
      "$value": "#ecebfa"
    },
    "surface": {
      "$type": "color",
      "$value": "#786acf"
    },
    "primary": {
      "$type": "color",
      "$value": "#895800"
    },
    "accent": {
      "$type": "color",
      "$value": "#427119"
    },
    "text": {
      "$type": "color",
      "$value": "#141522"
    }
  }
}