Steady Lusty Lavender Prism palette

Colors in Steady Lusty Lavender Prism: HEX, RGB, HSL & OKLCH

• bg

  #EEE6F3

  #EEE6F3 color page →

  RGB

  rgb(238 230 243)

  HSL

  hsl(277 35% 93%)

  OKLCH

  oklch(0.935 0.019 312.8)

  WCAG contrast: on white 1.21:1 (Fail) · on black 17.24:1 (AAA)

• surface

  #925EB2

  #925EB2 color page →

  RGB

  rgb(146 94 178)

  HSL

  hsl(277 35% 53%)

  OKLCH

  oklch(0.573 0.136 311.3)

  WCAG contrast: on white 4.70:1 (AA) · on black 4.46:1 (Fail)

• primary

  #4A6814

  #4A6814 color page →

  RGB

  rgb(74 104 20)

  HSL

  hsl(81 68% 24%)

  OKLCH

  oklch(0.477 0.114 127.8)

  WCAG contrast: on white 6.39:1 (AA) · on black 3.28:1 (Fail)

• accent

  #3A2940

  #3A2940 color page →

  RGB

  rgb(58 41 64)

  HSL

  hsl(284 22% 21%)

  OKLCH

  oklch(0.311 0.046 317.1)

  WCAG contrast: on white 13.36:1 (AAA) · on black 1.57:1 (Fail)

• text

  #0D080F

  #0D080F color page →

  RGB

  rgb(13 8 15)

  HSL

  hsl(283 30% 5%)

  OKLCH

  oklch(0.145 0.017 316.4)

  WCAG contrast: on white 19.83:1 (AAA) · on black 1.05:1 (Fail)

Export Steady Lusty Lavender Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #eee6f3;
  --surface: #925eb2;
  --primary: #4a6814;
  --accent: #3a2940;
  --text: #0d080f;
}

@theme {
  --color-bg: #eee6f3;
  --color-surface: #925eb2;
  --color-primary: #4a6814;
  --color-accent: #3a2940;
  --color-text: #0d080f;
}

{
  "steady-lusty-lavender-prism-221": {
    "bg": {
      "$type": "color",
      "$value": "#eee6f3"
    },
    "surface": {
      "$type": "color",
      "$value": "#925eb2"
    },
    "primary": {
      "$type": "color",
      "$value": "#4a6814"
    },
    "accent": {
      "$type": "color",
      "$value": "#3a2940"
    },
    "text": {
      "$type": "color",
      "$value": "#0d080f"
    }
  }
}