Classic Cheek Red Circuit palette

Colors in Classic Cheek Red Circuit: HEX, RGB, HSL & OKLCH

• bg

  #EEE7E3

  #EEE7E3 color page →

  RGB

  rgb(238 231 227)

  HSL

  hsl(22 24% 91%)

  OKLCH

  oklch(0.932 0.009 52.1)

  WCAG contrast: on white 1.22:1 (Fail) · on black 17.17:1 (AAA)

• surface

  #DFA18A

  #DFA18A color page →

  RGB

  rgb(223 161 138)

  HSL

  hsl(16 57% 71%)

  OKLCH

  oklch(0.762 0.081 41.2)

  WCAG contrast: on white 2.18:1 (Fail) · on black 9.60:1 (AAA)

• primary

  #965652

  #965652 color page →

  RGB

  rgb(150 86 82)

  HSL

  hsl(4 29% 45%)

  OKLCH

  oklch(0.526 0.086 24.2)

  WCAG contrast: on white 5.60:1 (AA) · on black 3.74:1 (Fail)

• accent

  #5E2A31

  #5E2A31 color page →

  RGB

  rgb(94 42 49)

  HSL

  hsl(352 38% 27%)

  OKLCH

  oklch(0.359 0.076 13.3)

  WCAG contrast: on white 11.34:1 (AAA) · on black 1.85:1 (Fail)

• text

  #241617

  #241617 color page →

  RGB

  rgb(36 22 23)

  HSL

  hsl(356 24% 11%)

  OKLCH

  oklch(0.219 0.023 14.4)

  WCAG contrast: on white 17.46:1 (AAA) · on black 1.20:1 (Fail)

Export Classic Cheek Red Circuit: CSS variables, Tailwind & JSON

:root {
  --bg: #eee7e3;
  --surface: #dfa18a;
  --primary: #965652;
  --accent: #5e2a31;
  --text: #241617;
}

@theme {
  --color-bg: #eee7e3;
  --color-surface: #dfa18a;
  --color-primary: #965652;
  --color-accent: #5e2a31;
  --color-text: #241617;
}

{
  "classic-cheek-red-circuit-1we": {
    "bg": {
      "$type": "color",
      "$value": "#eee7e3"
    },
    "surface": {
      "$type": "color",
      "$value": "#dfa18a"
    },
    "primary": {
      "$type": "color",
      "$value": "#965652"
    },
    "accent": {
      "$type": "color",
      "$value": "#5e2a31"
    },
    "text": {
      "$type": "color",
      "$value": "#241617"
    }
  }
}