Pure Aqua Fiesta Ledger palette

Colors in Pure Aqua Fiesta Ledger: HEX, RGB, HSL & OKLCH

• bg

  #EBF5F2

  #EBF5F2 color page →

  RGB

  rgb(235 245 242)

  HSL

  hsl(162 33% 94%)

  OKLCH

  oklch(0.962 0.011 176.3)

  WCAG contrast: on white 1.11:1 (Fail) · on black 18.87:1 (AAA)

• surface

  #BAF1DB

  #BAF1DB color page →

  RGB

  rgb(186 241 219)

  HSL

  hsl(156 66% 84%)

  OKLCH

  oklch(0.914 0.064 168.5)

  WCAG contrast: on white 1.25:1 (Fail) · on black 16.69:1 (AAA)

• primary

  #93DCD9

  #93DCD9 color page →

  RGB

  rgb(147 220 217)

  HSL

  hsl(178 51% 72%)

  OKLCH

  oklch(0.846 0.073 192.6)

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

• accent

  #B1C79D

  #B1C79D color page →

  RGB

  rgb(177 199 157)

  HSL

  hsl(91 27% 70%)

  OKLCH

  oklch(0.802 0.062 130.2)

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

• text

  #1B3D31

  #1B3D31 color page →

  RGB

  rgb(27 61 49)

  HSL

  hsl(159 39% 17%)

  OKLCH

  oklch(0.33 0.046 168.2)

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

Export Pure Aqua Fiesta Ledger: CSS variables, Tailwind & JSON

:root {
  --bg: #ebf5f2;
  --surface: #baf1db;
  --primary: #93dcd9;
  --accent: #b1c79d;
  --text: #1b3d31;
}

@theme {
  --color-bg: #ebf5f2;
  --color-surface: #baf1db;
  --color-primary: #93dcd9;
  --color-accent: #b1c79d;
  --color-text: #1b3d31;
}

{
  "pure-aqua-fiesta-ledger-1v5": {
    "bg": {
      "$type": "color",
      "$value": "#ebf5f2"
    },
    "surface": {
      "$type": "color",
      "$value": "#baf1db"
    },
    "primary": {
      "$type": "color",
      "$value": "#93dcd9"
    },
    "accent": {
      "$type": "color",
      "$value": "#b1c79d"
    },
    "text": {
      "$type": "color",
      "$value": "#1b3d31"
    }
  }
}