Classic Candy Cane Canvas palette

Colors in Classic Candy Cane Canvas: HEX, RGB, HSL & OKLCH

• bg

  #FFEBEC

  #FFEBEC color page →

  RGB

  rgb(255 235 236)

  HSL

  hsl(357 100% 96%)

  OKLCH

  oklch(0.956 0.022 14.1)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.34:1 (AAA)

• surface

  #FFC7C9

  #FFC7C9 color page →

  RGB

  rgb(255 199 201)

  HSL

  hsl(358 100% 89%)

  OKLCH

  oklch(0.88 0.064 16.1)

  WCAG contrast: on white 1.47:1 (Fail) · on black 14.26:1 (AAA)

• primary

  #F0C4AC

  #F0C4AC color page →

  RGB

  rgb(240 196 172)

  HSL

  hsl(21 69% 81%)

  OKLCH

  oklch(0.853 0.06 50.2)

  WCAG contrast: on white 1.59:1 (Fail) · on black 13.19:1 (AAA)

• accent

  #D3AEC3

  #D3AEC3 color page →

  RGB

  rgb(211 174 195)

  HSL

  hsl(326 30% 75%)

  OKLCH

  oklch(0.79 0.051 343.2)

  WCAG contrast: on white 1.97:1 (Fail) · on black 10.61:1 (AAA)

• text

  #3B2626

  #3B2626 color page →

  RGB

  rgb(59 38 38)

  HSL

  hsl(0 22% 19%)

  OKLCH

  oklch(0.294 0.032 19.2)

  WCAG contrast: on white 14.08:1 (AAA) · on black 1.49:1 (Fail)

Export Classic Candy Cane Canvas: CSS variables, Tailwind & JSON

:root {
  --bg: #ffebec;
  --surface: #ffc7c9;
  --primary: #f0c4ac;
  --accent: #d3aec3;
  --text: #3b2626;
}

@theme {
  --color-bg: #ffebec;
  --color-surface: #ffc7c9;
  --color-primary: #f0c4ac;
  --color-accent: #d3aec3;
  --color-text: #3b2626;
}

{
  "classic-candy-cane-canvas-5l6": {
    "bg": {
      "$type": "color",
      "$value": "#ffebec"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffc7c9"
    },
    "primary": {
      "$type": "color",
      "$value": "#f0c4ac"
    },
    "accent": {
      "$type": "color",
      "$value": "#d3aec3"
    },
    "text": {
      "$type": "color",
      "$value": "#3b2626"
    }
  }
}