Classic Never Forget Delta palette

Colors in Classic Never Forget Delta: HEX, RGB, HSL & OKLCH

• bg

  #F5E9EE

  #F5E9EE color page →

  RGB

  rgb(245 233 238)

  HSL

  hsl(335 38% 94%)

  OKLCH

  oklch(0.945 0.015 350.1)

  WCAG contrast: on white 1.18:1 (Fail) · on black 17.77:1 (AAA)

• surface

  #BFAABF

  #BFAABF color page →

  RGB

  rgb(191 170 191)

  HSL

  hsl(300 14% 71%)

  OKLCH

  oklch(0.763 0.038 325.9)

  WCAG contrast: on white 2.16:1 (Fail) · on black 9.71:1 (AAA)

• primary

  #9E7289

  #9E7289 color page →

  RGB

  rgb(158 114 137)

  HSL

  hsl(329 18% 53%)

  OKLCH

  oklch(0.604 0.064 346.5)

  WCAG contrast: on white 4.02:1 (Fail) · on black 5.22:1 (AA)

• accent

  #59363E

  #59363E color page →

  RGB

  rgb(89 54 62)

  HSL

  hsl(346 24% 28%)

  OKLCH

  oklch(0.378 0.051 5)

  WCAG contrast: on white 10.38:1 (AAA) · on black 2.02:1 (Fail)

• text

  #20191D

  #20191D color page →

  RGB

  rgb(32 25 29)

  HSL

  hsl(326 12% 11%)

  OKLCH

  oklch(0.223 0.013 342.9)

  WCAG contrast: on white 17.23:1 (AAA) · on black 1.21:1 (Fail)

Export Classic Never Forget Delta: CSS variables, Tailwind & JSON

:root {
  --bg: #f5e9ee;
  --surface: #bfaabf;
  --primary: #9e7289;
  --accent: #59363e;
  --text: #20191d;
}

@theme {
  --color-bg: #f5e9ee;
  --color-surface: #bfaabf;
  --color-primary: #9e7289;
  --color-accent: #59363e;
  --color-text: #20191d;
}

{
  "classic-never-forget-delta-764": {
    "bg": {
      "$type": "color",
      "$value": "#f5e9ee"
    },
    "surface": {
      "$type": "color",
      "$value": "#bfaabf"
    },
    "primary": {
      "$type": "color",
      "$value": "#9e7289"
    },
    "accent": {
      "$type": "color",
      "$value": "#59363e"
    },
    "text": {
      "$type": "color",
      "$value": "#20191d"
    }
  }
}