Steady Enchanted Glen Ledger palette

Colors in Steady Enchanted Glen Ledger: HEX, RGB, HSL & OKLCH

• bg

  #DEEBDF

  #DEEBDF color page →

  RGB

  rgb(222 235 223)

  HSL

  hsl(125 25% 90%)

  OKLCH

  oklch(0.927 0.021 147.6)

  WCAG contrast: on white 1.23:1 (Fail) · on black 17.05:1 (AAA)

• surface

  #88AC71

  #88AC71 color page →

  RGB

  rgb(136 172 113)

  HSL

  hsl(97 26% 56%)

  OKLCH

  oklch(0.703 0.091 133.8)

  WCAG contrast: on white 2.56:1 (Fail) · on black 8.18:1 (AAA)

• primary

  #287134

  #287134 color page →

  RGB

  rgb(40 113 52)

  HSL

  hsl(130 48% 30%)

  OKLCH

  oklch(0.488 0.119 146.5)

  WCAG contrast: on white 5.99:1 (AA) · on black 3.50:1 (Fail)

• accent

  #06422C

  #06422C color page →

  RGB

  rgb(6 66 44)

  HSL

  hsl(158 83% 14%)

  OKLCH

  oklch(0.337 0.07 162.3)

  WCAG contrast: on white 11.51:1 (AAA) · on black 1.82:1 (Fail)

• text

  #051205

  #051205 color page →

  RGB

  rgb(5 18 5)

  HSL

  hsl(120 57% 5%)

  OKLCH

  oklch(0.165 0.035 143.8)

  WCAG contrast: on white 19.17:1 (AAA) · on black 1.09:1 (Fail)

Export Steady Enchanted Glen Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #deebdf;
  --surface: #88ac71;
  --primary: #287134;
  --accent: #06422c;
  --text: #051205;
}

@theme {
  --color-bg: #deebdf;
  --color-surface: #88ac71;
  --color-primary: #287134;
  --color-accent: #06422c;
  --color-text: #051205;
}

{
  "steady-enchanted-glen-ledger-2uk": {
    "bg": {
      "$type": "color",
      "$value": "#deebdf"
    },
    "surface": {
      "$type": "color",
      "$value": "#88ac71"
    },
    "primary": {
      "$type": "color",
      "$value": "#287134"
    },
    "accent": {
      "$type": "color",
      "$value": "#06422c"
    },
    "text": {
      "$type": "color",
      "$value": "#051205"
    }
  }
}