Steady Lavish Spending Forge palette

Colors in Steady Lavish Spending Forge: HEX, RGB, HSL & OKLCH

• bg

  #EEECFF

  #EEECFF color page →

  RGB

  rgb(238 236 255)

  HSL

  hsl(246 100% 96%)

  OKLCH

  oklch(0.95 0.025 290.7)

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

• surface

  #B4ADE5

  #B4ADE5 color page →

  RGB

  rgb(180 173 229)

  HSL

  hsl(248 52% 79%)

  OKLCH

  oklch(0.773 0.079 290.1)

  WCAG contrast: on white 2.08:1 (Fail) · on black 10.04:1 (AAA)

• primary

  #7C65B3

  #7C65B3 color page →

  RGB

  rgb(124 101 179)

  HSL

  hsl(258 34% 55%)

  OKLCH

  oklch(0.563 0.119 295.9)

  WCAG contrast: on white 4.80:1 (AA) · on black 4.36:1 (Fail)

• accent

  #392A5A

  #392A5A color page →

  RGB

  rgb(57 42 90)

  HSL

  hsl(259 36% 26%)

  OKLCH

  oklch(0.327 0.083 295.9)

  WCAG contrast: on white 12.70:1 (AAA) · on black 1.65:1 (Fail)

• text

  #0F0D13

  #0F0D13 color page →

  RGB

  rgb(15 13 19)

  HSL

  hsl(260 19% 6%)

  OKLCH

  oklch(0.164 0.013 300.2)

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

Export Steady Lavish Spending Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #eeecff;
  --surface: #b4ade5;
  --primary: #7c65b3;
  --accent: #392a5a;
  --text: #0f0d13;
}

@theme {
  --color-bg: #eeecff;
  --color-surface: #b4ade5;
  --color-primary: #7c65b3;
  --color-accent: #392a5a;
  --color-text: #0f0d13;
}

{
  "steady-lavish-spending-forge-5zv": {
    "bg": {
      "$type": "color",
      "$value": "#eeecff"
    },
    "surface": {
      "$type": "color",
      "$value": "#b4ade5"
    },
    "primary": {
      "$type": "color",
      "$value": "#7c65b3"
    },
    "accent": {
      "$type": "color",
      "$value": "#392a5a"
    },
    "text": {
      "$type": "color",
      "$value": "#0f0d13"
    }
  }
}