True Prophet Violet Nexus palette

Colors in True Prophet Violet Nexus: HEX, RGB, HSL & OKLCH

• bg

  #E4E2E9

  #E4E2E9 color page →

  RGB

  rgb(228 226 233)

  HSL

  hsl(257 14% 90%)

  OKLCH

  oklch(0.916 0.01 299.2)

  WCAG contrast: on white 1.28:1 (Fail) · on black 16.35:1 (AAA)

• surface

  #765BAA

  #765BAA color page →

  RGB

  rgb(118 91 170)

  HSL

  hsl(261 32% 51%)

  OKLCH

  oklch(0.534 0.123 297.9)

  WCAG contrast: on white 5.45:1 (AA) · on black 3.84:1 (Fail)

• primary

  #8D5417

  #8D5417 color page →

  RGB

  rgb(141 84 23)

  HSL

  hsl(31 72% 32%)

  OKLCH

  oklch(0.501 0.104 62.1)

  WCAG contrast: on white 6.15:1 (AA) · on black 3.41:1 (Fail)

• accent

  #00705C

  #00705C color page →

  RGB

  rgb(0 112 92)

  HSL

  hsl(169 100% 22%)

  OKLCH

  oklch(0.487 0.092 174.6)

  WCAG contrast: on white 6.04:1 (AA) · on black 3.47:1 (Fail)

• text

  #0E0C16

  #0E0C16 color page →

  RGB

  rgb(14 12 22)

  HSL

  hsl(252 29% 7%)

  OKLCH

  oklch(0.162 0.021 293.1)

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

Export True Prophet Violet Nexus: CSS variables, Tailwind & JSON

:root {
  --bg: #e4e2e9;
  --surface: #765baa;
  --primary: #8d5417;
  --accent: #00705c;
  --text: #0e0c16;
}

@theme {
  --color-bg: #e4e2e9;
  --color-surface: #765baa;
  --color-primary: #8d5417;
  --color-accent: #00705c;
  --color-text: #0e0c16;
}

{
  "true-prophet-violet-nexus-7ko": {
    "bg": {
      "$type": "color",
      "$value": "#e4e2e9"
    },
    "surface": {
      "$type": "color",
      "$value": "#765baa"
    },
    "primary": {
      "$type": "color",
      "$value": "#8d5417"
    },
    "accent": {
      "$type": "color",
      "$value": "#00705c"
    },
    "text": {
      "$type": "color",
      "$value": "#0e0c16"
    }
  }
}