Steady Cheek Red Prism palette

Colors in Steady Cheek Red Prism: HEX, RGB, HSL & OKLCH

• bg

  #FFECE3

  #FFECE3 color page →

  RGB

  rgb(255 236 227)

  HSL

  hsl(19 100% 95%)

  OKLCH

  oklch(0.956 0.024 47.1)

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

• surface

  #DBA38F

  #DBA38F color page →

  RGB

  rgb(219 163 143)

  HSL

  hsl(16 51% 71%)

  OKLCH

  oklch(0.763 0.073 40.5)

  WCAG contrast: on white 2.17:1 (Fail) · on black 9.64:1 (AAA)

• primary

  #9C5253

  #9C5253 color page →

  RGB

  rgb(156 82 83)

  HSL

  hsl(359 31% 47%)

  OKLCH

  oklch(0.528 0.098 20.1)

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

• accent

  #63373E

  #63373E color page →

  RGB

  rgb(99 55 62)

  HSL

  hsl(350 29% 30%)

  OKLCH

  oklch(0.394 0.063 10.2)

  WCAG contrast: on white 9.78:1 (AAA) · on black 2.14:1 (Fail)

• text

  #2C1216

  #2C1216 color page →

  RGB

  rgb(44 18 22)

  HSL

  hsl(351 42% 12%)

  OKLCH

  oklch(0.223 0.043 11.5)

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

Export Steady Cheek Red Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #ffece3;
  --surface: #dba38f;
  --primary: #9c5253;
  --accent: #63373e;
  --text: #2c1216;
}

@theme {
  --color-bg: #ffece3;
  --color-surface: #dba38f;
  --color-primary: #9c5253;
  --color-accent: #63373e;
  --color-text: #2c1216;
}

{
  "steady-cheek-red-prism-2o7": {
    "bg": {
      "$type": "color",
      "$value": "#ffece3"
    },
    "surface": {
      "$type": "color",
      "$value": "#dba38f"
    },
    "primary": {
      "$type": "color",
      "$value": "#9c5253"
    },
    "accent": {
      "$type": "color",
      "$value": "#63373e"
    },
    "text": {
      "$type": "color",
      "$value": "#2c1216"
    }
  }
}