Steady Infinity Pool Ledger palette

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

• bg

  #F4F9F8

  #F4F9F8 color page →

  RGB

  rgb(244 249 248)

  HSL

  hsl(168 29% 97%)

  OKLCH

  oklch(0.978 0.005 183)

  WCAG contrast: on white 1.06:1 (Fail) · on black 19.75:1 (AAA)

• surface

  #B7E5E0

  #B7E5E0 color page →

  RGB

  rgb(183 229 224)

  HSL

  hsl(173 47% 81%)

  OKLCH

  oklch(0.888 0.048 188.2)

  WCAG contrast: on white 1.37:1 (Fail) · on black 15.29:1 (AAA)

• primary

  #8FDBEC

  #8FDBEC color page →

  RGB

  rgb(143 219 236)

  HSL

  hsl(191 71% 74%)

  OKLCH

  oklch(0.848 0.079 213.4)

  WCAG contrast: on white 1.55:1 (Fail) · on black 13.51:1 (AAA)

• accent

  #A2C9B4

  #A2C9B4 color page →

  RGB

  rgb(162 201 180)

  HSL

  hsl(148 27% 71%)

  OKLCH

  oklch(0.802 0.051 161.5)

  WCAG contrast: on white 1.81:1 (Fail) · on black 11.54:1 (AAA)

• text

  #1F3C37

  #1F3C37 color page →

  RGB

  rgb(31 60 55)

  HSL

  hsl(170 32% 18%)

  OKLCH

  oklch(0.332 0.036 181.7)

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

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

:root {
  --bg: #f4f9f8;
  --surface: #b7e5e0;
  --primary: #8fdbec;
  --accent: #a2c9b4;
  --text: #1f3c37;
}

@theme {
  --color-bg: #f4f9f8;
  --color-surface: #b7e5e0;
  --color-primary: #8fdbec;
  --color-accent: #a2c9b4;
  --color-text: #1f3c37;
}

{
  "steady-infinity-pool-ledger-eq": {
    "bg": {
      "$type": "color",
      "$value": "#f4f9f8"
    },
    "surface": {
      "$type": "color",
      "$value": "#b7e5e0"
    },
    "primary": {
      "$type": "color",
      "$value": "#8fdbec"
    },
    "accent": {
      "$type": "color",
      "$value": "#a2c9b4"
    },
    "text": {
      "$type": "color",
      "$value": "#1f3c37"
    }
  }
}