Steady Muted Purple Studio palette

Colors in Steady Muted Purple Studio: HEX, RGB, HSL & OKLCH

• bg

  #050405

  #050405 color page →

  RGB

  rgb(5 4 5)

  HSL

  hsl(300 11% 2%)

  OKLCH

  oklch(0.11 0.005 325.9)

  WCAG contrast: on white 20.46:1 (AAA) · on black 1.02:1 (Fail)

• surface

  #1A0F1C

  #1A0F1C color page →

  RGB

  rgb(26 15 28)

  HSL

  hsl(291 30% 8%)

  OKLCH

  oklch(0.19 0.031 321.2)

  WCAG contrast: on white 18.60:1 (AAA) · on black 1.12:1 (Fail)

• primary

  #85608F

  #85608F color page →

  RGB

  rgb(133 96 143)

  HSL

  hsl(287 20% 47%)

  OKLCH

  oklch(0.545 0.083 319)

  WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)

• accent

  #AE9CA7

  #AE9CA7 color page →

  RGB

  rgb(174 156 167)

  HSL

  hsl(323 10% 65%)

  OKLCH

  oklch(0.712 0.026 340.5)

  WCAG contrast: on white 2.58:1 (Fail) · on black 8.11:1 (AAA)

• text

  #ECEBED

  #ECEBED color page →

  RGB

  rgb(236 235 237)

  HSL

  hsl(270 5% 93%)

  OKLCH

  oklch(0.941 0.003 308.4)

  WCAG contrast: on white 1.18:1 (Fail) · on black 17.67:1 (AAA)

Export Steady Muted Purple Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #050405;
  --surface: #1a0f1c;
  --primary: #85608f;
  --accent: #ae9ca7;
  --text: #ecebed;
}

@theme {
  --color-bg: #050405;
  --color-surface: #1a0f1c;
  --color-primary: #85608f;
  --color-accent: #ae9ca7;
  --color-text: #ecebed;
}

{
  "steady-muted-purple-studio-26s": {
    "bg": {
      "$type": "color",
      "$value": "#050405"
    },
    "surface": {
      "$type": "color",
      "$value": "#1a0f1c"
    },
    "primary": {
      "$type": "color",
      "$value": "#85608f"
    },
    "accent": {
      "$type": "color",
      "$value": "#ae9ca7"
    },
    "text": {
      "$type": "color",
      "$value": "#ecebed"
    }
  }
}