Steady Never Forget Studio palette

Colors in Steady Never Forget Studio: HEX, RGB, HSL & OKLCH

• bg

  #FCE2EE

  #FCE2EE color page →

  RGB

  rgb(252 226 238)

  HSL

  hsl(332 81% 94%)

  OKLCH

  oklch(0.937 0.032 348.1)

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

• surface

  #A16D7F

  #A16D7F color page →

  RGB

  rgb(161 109 127)

  HSL

  hsl(339 22% 53%)

  OKLCH

  oklch(0.594 0.07 357)

  WCAG contrast: on white 4.19:1 (Fail) · on black 5.00:1 (AA)

• primary

  #5A775A

  #5A775A color page →

  RGB

  rgb(90 119 90)

  HSL

  hsl(120 14% 41%)

  OKLCH

  oklch(0.538 0.056 144.7)

  WCAG contrast: on white 4.97:1 (AA) · on black 4.22:1 (Fail)

• accent

  #326C71

  #326C71 color page →

  RGB

  rgb(50 108 113)

  HSL

  hsl(185 39% 32%)

  OKLCH

  oklch(0.495 0.061 202.9)

  WCAG contrast: on white 5.96:1 (AA) · on black 3.51:1 (Fail)

• text

  #16080E

  #16080E color page →

  RGB

  rgb(22 8 14)

  HSL

  hsl(334 47% 6%)

  OKLCH

  oklch(0.159 0.027 353.2)

  WCAG contrast: on white 19.53:1 (AAA) · on black 1.07:1 (Fail)

Export Steady Never Forget Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #fce2ee;
  --surface: #a16d7f;
  --primary: #5a775a;
  --accent: #326c71;
  --text: #16080e;
}

@theme {
  --color-bg: #fce2ee;
  --color-surface: #a16d7f;
  --color-primary: #5a775a;
  --color-accent: #326c71;
  --color-text: #16080e;
}

{
  "steady-never-forget-studio-1vz": {
    "bg": {
      "$type": "color",
      "$value": "#fce2ee"
    },
    "surface": {
      "$type": "color",
      "$value": "#a16d7f"
    },
    "primary": {
      "$type": "color",
      "$value": "#5a775a"
    },
    "accent": {
      "$type": "color",
      "$value": "#326c71"
    },
    "text": {
      "$type": "color",
      "$value": "#16080e"
    }
  }
}