Steady Shrine of Pleasures Garden palette

Colors in Steady Shrine of Pleasures Garden: HEX, RGB, HSL & OKLCH

• bg

  #F2E7EC

  #F2E7EC color page →

  RGB

  rgb(242 231 236)

  HSL

  hsl(333 30% 93%)

  OKLCH

  oklch(0.938 0.014 348)

  WCAG contrast: on white 1.20:1 (Fail) · on black 17.41:1 (AAA)

• surface

  #C93096

  #C93096 color page →

  RGB

  rgb(201 48 150)

  HSL

  hsl(320 61% 49%)

  OKLCH

  oklch(0.579 0.211 345)

  WCAG contrast: on white 4.83:1 (AA) · on black 4.34:1 (Fail)

• primary

  #437F00

  #437F00 color page →

  RGB

  rgb(67 127 0)

  HSL

  hsl(88 100% 25%)

  OKLCH

  oklch(0.534 0.154 134.3)

  WCAG contrast: on white 4.91:1 (AA) · on black 4.27:1 (Fail)

• accent

  #007678

  #007678 color page →

  RGB

  rgb(0 118 120)

  HSL

  hsl(181 100% 24%)

  OKLCH

  oklch(0.513 0.087 196.9)

  WCAG contrast: on white 5.43:1 (AA) · on black 3.86:1 (Fail)

• text

  #210F1C

  #210F1C color page →

  RGB

  rgb(33 15 28)

  HSL

  hsl(317 38% 9%)

  OKLCH

  oklch(0.2 0.038 338.1)

  WCAG contrast: on white 18.26:1 (AAA) · on black 1.14:1 (Fail)

Export Steady Shrine of Pleasures Garden: CSS variables, Tailwind & JSON

:root {
  --bg: #f2e7ec;
  --surface: #c93096;
  --primary: #437f00;
  --accent: #007678;
  --text: #210f1c;
}

@theme {
  --color-bg: #f2e7ec;
  --color-surface: #c93096;
  --color-primary: #437f00;
  --color-accent: #007678;
  --color-text: #210f1c;
}

{
  "steady-shrine-of-pleasures-garden-3kh": {
    "bg": {
      "$type": "color",
      "$value": "#f2e7ec"
    },
    "surface": {
      "$type": "color",
      "$value": "#c93096"
    },
    "primary": {
      "$type": "color",
      "$value": "#437f00"
    },
    "accent": {
      "$type": "color",
      "$value": "#007678"
    },
    "text": {
      "$type": "color",
      "$value": "#210f1c"
    }
  }
}