Classic Hot Flamingo Cascade palette

Colors in Classic Hot Flamingo Cascade: HEX, RGB, HSL & OKLCH

• bg

  #FFEFE6

  #FFEFE6 color page →

  RGB

  rgb(255 239 230)

  HSL

  hsl(22 100% 95%)

  OKLCH

  oklch(0.962 0.021 51.5)

  WCAG contrast: on white 1.12:1 (Fail) · on black 18.74:1 (AAA)

• surface

  #CD9C96

  #CD9C96 color page →

  RGB

  rgb(205 156 150)

  HSL

  hsl(7 35% 70%)

  OKLCH

  oklch(0.737 0.06 26.6)

  WCAG contrast: on white 2.38:1 (Fail) · on black 8.79:1 (AAA)

• primary

  #A45961

  #A45961 color page →

  RGB

  rgb(164 89 97)

  HSL

  hsl(354 30% 50%)

  OKLCH

  oklch(0.554 0.099 14)

  WCAG contrast: on white 5.02:1 (AA) · on black 4.18:1 (Fail)

• accent

  #5E2D3A

  #5E2D3A color page →

  RGB

  rgb(94 45 58)

  HSL

  hsl(344 35% 27%)

  OKLCH

  oklch(0.367 0.073 4.5)

  WCAG contrast: on white 10.98:1 (AAA) · on black 1.91:1 (Fail)

• text

  #241417

  #241417 color page →

  RGB

  rgb(36 20 23)

  HSL

  hsl(349 29% 11%)

  OKLCH

  oklch(0.214 0.027 7.3)

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

Export Classic Hot Flamingo Cascade: CSS variables, Tailwind & JSON

:root {
  --bg: #ffefe6;
  --surface: #cd9c96;
  --primary: #a45961;
  --accent: #5e2d3a;
  --text: #241417;
}

@theme {
  --color-bg: #ffefe6;
  --color-surface: #cd9c96;
  --color-primary: #a45961;
  --color-accent: #5e2d3a;
  --color-text: #241417;
}

{
  "classic-hot-flamingo-cascade-3l3": {
    "bg": {
      "$type": "color",
      "$value": "#ffefe6"
    },
    "surface": {
      "$type": "color",
      "$value": "#cd9c96"
    },
    "primary": {
      "$type": "color",
      "$value": "#a45961"
    },
    "accent": {
      "$type": "color",
      "$value": "#5e2d3a"
    },
    "text": {
      "$type": "color",
      "$value": "#241417"
    }
  }
}