True Pool Table Delta palette

Colors in True Pool Table Delta: HEX, RGB, HSL & OKLCH

• bg

  #F1FBF7

  #F1FBF7 color page →

  RGB

  rgb(241 251 247)

  HSL

  hsl(156 56% 96%)

  OKLCH

  oklch(0.98 0.012 170.3)

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

• surface

  #98CFBD

  #98CFBD color page →

  RGB

  rgb(152 207 189)

  HSL

  hsl(160 36% 70%)

  OKLCH

  oklch(0.811 0.062 172.5)

  WCAG contrast: on white 1.75:1 (Fail) · on black 11.99:1 (AAA)

• primary

  #3C8F77

  #3C8F77 color page →

  RGB

  rgb(60 143 119)

  HSL

  hsl(163 41% 40%)

  OKLCH

  oklch(0.592 0.089 171.4)

  WCAG contrast: on white 3.89:1 (Fail) · on black 5.38:1 (AA)

• accent

  #2B5346

  #2B5346 color page →

  RGB

  rgb(43 83 70)

  HSL

  hsl(161 32% 25%)

  OKLCH

  oklch(0.408 0.051 170.6)

  WCAG contrast: on white 8.64:1 (AAA) · on black 2.42:1 (Fail)

• text

  #001C12

  #001C12 color page →

  RGB

  rgb(0 28 18)

  HSL

  hsl(159 100% 5%)

  OKLCH

  oklch(0.201 0.041 166.5)

  WCAG contrast: on white 17.87:1 (AAA) · on black 1.17:1 (Fail)

Export True Pool Table Delta: CSS variables, Tailwind & JSON

:root {
  --bg: #f1fbf7;
  --surface: #98cfbd;
  --primary: #3c8f77;
  --accent: #2b5346;
  --text: #001c12;
}

@theme {
  --color-bg: #f1fbf7;
  --color-surface: #98cfbd;
  --color-primary: #3c8f77;
  --color-accent: #2b5346;
  --color-text: #001c12;
}

{
  "true-pool-table-delta-17t": {
    "bg": {
      "$type": "color",
      "$value": "#f1fbf7"
    },
    "surface": {
      "$type": "color",
      "$value": "#98cfbd"
    },
    "primary": {
      "$type": "color",
      "$value": "#3c8f77"
    },
    "accent": {
      "$type": "color",
      "$value": "#2b5346"
    },
    "text": {
      "$type": "color",
      "$value": "#001c12"
    }
  }
}