Steady Venus Violet Garden palette

Colors in Steady Venus Violet Garden: HEX, RGB, HSL & OKLCH

• bg

  #090910

  #090910 color page →

  RGB

  rgb(9 9 16)

  HSL

  hsl(240 28% 5%)

  OKLCH

  oklch(0.144 0.015 284.3)

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

• surface

  #191729

  #191729 color page →

  RGB

  rgb(25 23 41)

  HSL

  hsl(247 28% 13%)

  OKLCH

  oklch(0.216 0.035 288.2)

  WCAG contrast: on white 17.55:1 (AAA) · on black 1.19:1 (Fail)

• primary

  #736BB8

  #736BB8 color page →

  RGB

  rgb(115 107 184)

  HSL

  hsl(246 35% 57%)

  OKLCH

  oklch(0.569 0.117 286.8)

  WCAG contrast: on white 4.64:1 (AA) · on black 4.52:1 (AA)

• accent

  #AB9AAF

  #AB9AAF color page →

  RGB

  rgb(171 154 175)

  HSL

  hsl(289 12% 65%)

  OKLCH

  oklch(0.708 0.036 319.8)

  WCAG contrast: on white 2.63:1 (Fail) · on black 7.97:1 (AAA)

• text

  #ECECFB

  #ECECFB color page →

  RGB

  rgb(236 236 251)

  HSL

  hsl(240 65% 95%)

  OKLCH

  oklch(0.947 0.02 286)

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

Export Steady Venus Violet Garden: CSS variables, Tailwind & JSON

:root {
  --bg: #090910;
  --surface: #191729;
  --primary: #736bb8;
  --accent: #ab9aaf;
  --text: #ececfb;
}

@theme {
  --color-bg: #090910;
  --color-surface: #191729;
  --color-primary: #736bb8;
  --color-accent: #ab9aaf;
  --color-text: #ececfb;
}

{
  "steady-venus-violet-garden-5vr": {
    "bg": {
      "$type": "color",
      "$value": "#090910"
    },
    "surface": {
      "$type": "color",
      "$value": "#191729"
    },
    "primary": {
      "$type": "color",
      "$value": "#736bb8"
    },
    "accent": {
      "$type": "color",
      "$value": "#ab9aaf"
    },
    "text": {
      "$type": "color",
      "$value": "#ececfb"
    }
  }
}