Steady Pool Table Ledger palette

Colors in Steady Pool Table Ledger: HEX, RGB, HSL & OKLCH

• bg

  #E4F3EE

  #E4F3EE color page →

  RGB

  rgb(228 243 238)

  HSL

  hsl(160 38% 92%)

  OKLCH

  oklch(0.952 0.017 174.1)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.35:1 (AAA)

• surface

  #8FC6A6

  #8FC6A6 color page →

  RGB

  rgb(143 198 166)

  HSL

  hsl(145 33% 67%)

  OKLCH

  oklch(0.779 0.073 158.6)

  WCAG contrast: on white 1.94:1 (Fail) · on black 10.79:1 (AAA)

• primary

  #149373

  #149373 color page →

  RGB

  rgb(20 147 115)

  HSL

  hsl(165 76% 33%)

  OKLCH

  oklch(0.592 0.113 169.7)

  WCAG contrast: on white 3.85:1 (Fail) · on black 5.45:1 (AA)

• accent

  #004F47

  #004F47 color page →

  RGB

  rgb(0 79 71)

  HSL

  hsl(174 100% 15%)

  OKLCH

  oklch(0.384 0.068 183.3)

  WCAG contrast: on white 9.50:1 (AAA) · on black 2.20:1 (Fail)

• text

  #002218

  #002218 color page →

  RGB

  rgb(0 34 24)

  HSL

  hsl(162 100% 7%)

  OKLCH

  oklch(0.224 0.045 169.4)

  WCAG contrast: on white 16.90:1 (AAA) · on black 1.24:1 (Fail)

Export Steady Pool Table Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #e4f3ee;
  --surface: #8fc6a6;
  --primary: #149373;
  --accent: #004f47;
  --text: #002218;
}

@theme {
  --color-bg: #e4f3ee;
  --color-surface: #8fc6a6;
  --color-primary: #149373;
  --color-accent: #004f47;
  --color-text: #002218;
}

{
  "steady-pool-table-ledger-xk": {
    "bg": {
      "$type": "color",
      "$value": "#e4f3ee"
    },
    "surface": {
      "$type": "color",
      "$value": "#8fc6a6"
    },
    "primary": {
      "$type": "color",
      "$value": "#149373"
    },
    "accent": {
      "$type": "color",
      "$value": "#004f47"
    },
    "text": {
      "$type": "color",
      "$value": "#002218"
    }
  }
}