Steady Cucumber Queen Ember palette

Colors in Steady Cucumber Queen Ember: HEX, RGB, HSL & OKLCH

• bg

  #E8EEE3

  #E8EEE3 color page →

  RGB

  rgb(232 238 227)

  HSL

  hsl(93 24% 91%)

  OKLCH

  oklch(0.942 0.016 130.4)

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

• surface

  #90A971

  #90A971 color page →

  RGB

  rgb(144 169 113)

  HSL

  hsl(87 25% 55%)

  OKLCH

  oklch(0.701 0.083 127.9)

  WCAG contrast: on white 2.59:1 (Fail) · on black 8.09:1 (AAA)

• primary

  #3B7431

  #3B7431 color page →

  RGB

  rgb(59 116 49)

  HSL

  hsl(111 41% 32%)

  OKLCH

  oklch(0.504 0.116 140.8)

  WCAG contrast: on white 5.63:1 (AA) · on black 3.72:1 (Fail)

• accent

  #154823

  #154823 color page →

  RGB

  rgb(21 72 35)

  HSL

  hsl(136 55% 18%)

  OKLCH

  oklch(0.357 0.083 149.2)

  WCAG contrast: on white 10.58:1 (AAA) · on black 1.98:1 (Fail)

• text

  #080F07

  #080F07 color page →

  RGB

  rgb(8 15 7)

  HSL

  hsl(113 36% 4%)

  OKLCH

  oklch(0.158 0.02 141)

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

Export Steady Cucumber Queen Ember: CSS variables, Tailwind & JSON

:root {
  --bg: #e8eee3;
  --surface: #90a971;
  --primary: #3b7431;
  --accent: #154823;
  --text: #080f07;
}

@theme {
  --color-bg: #e8eee3;
  --color-surface: #90a971;
  --color-primary: #3b7431;
  --color-accent: #154823;
  --color-text: #080f07;
}

{
  "steady-cucumber-queen-ember-1s8": {
    "bg": {
      "$type": "color",
      "$value": "#e8eee3"
    },
    "surface": {
      "$type": "color",
      "$value": "#90a971"
    },
    "primary": {
      "$type": "color",
      "$value": "#3b7431"
    },
    "accent": {
      "$type": "color",
      "$value": "#154823"
    },
    "text": {
      "$type": "color",
      "$value": "#080f07"
    }
  }
}