Pure Never Forget Circuit palette

Colors in Pure Never Forget Circuit: HEX, RGB, HSL & OKLCH

• bg

  #F1E3E9

  #F1E3E9 color page →

  RGB

  rgb(241 227 233)

  HSL

  hsl(334 33% 92%)

  OKLCH

  oklch(0.929 0.017 349.5)

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

• surface

  #C3A3C8

  #C3A3C8 color page →

  RGB

  rgb(195 163 200)

  HSL

  hsl(292 25% 71%)

  OKLCH

  oklch(0.756 0.063 321.8)

  WCAG contrast: on white 2.23:1 (Fail) · on black 9.39:1 (AAA)

• primary

  #A96D81

  #A96D81 color page →

  RGB

  rgb(169 109 129)

  HSL

  hsl(340 26% 55%)

  OKLCH

  oklch(0.604 0.08 358.2)

  WCAG contrast: on white 4.04:1 (Fail) · on black 5.19:1 (AA)

• accent

  #613130

  #613130 color page →

  RGB

  rgb(97 49 48)

  HSL

  hsl(1 34% 28%)

  OKLCH

  oklch(0.375 0.07 22.2)

  WCAG contrast: on white 10.55:1 (AAA) · on black 1.99:1 (Fail)

• text

  #1D0C13

  #1D0C13 color page →

  RGB

  rgb(29 12 19)

  HSL

  hsl(335 41% 8%)

  OKLCH

  oklch(0.183 0.031 354.5)

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

Export Pure Never Forget Circuit: CSS variables, Tailwind & JSON

:root {
  --bg: #f1e3e9;
  --surface: #c3a3c8;
  --primary: #a96d81;
  --accent: #613130;
  --text: #1d0c13;
}

@theme {
  --color-bg: #f1e3e9;
  --color-surface: #c3a3c8;
  --color-primary: #a96d81;
  --color-accent: #613130;
  --color-text: #1d0c13;
}

{
  "pure-never-forget-circuit-5i6": {
    "bg": {
      "$type": "color",
      "$value": "#f1e3e9"
    },
    "surface": {
      "$type": "color",
      "$value": "#c3a3c8"
    },
    "primary": {
      "$type": "color",
      "$value": "#a96d81"
    },
    "accent": {
      "$type": "color",
      "$value": "#613130"
    },
    "text": {
      "$type": "color",
      "$value": "#1d0c13"
    }
  }
}