Steady Cranberry Splash Cascade palette

Colors in Steady Cranberry Splash Cascade: HEX, RGB, HSL & OKLCH

• bg

  #FEDBD0

  #FEDBD0 color page →

  RGB

  rgb(254 219 208)

  HSL

  hsl(14 96% 91%)

  OKLCH

  oklch(0.918 0.042 38.2)

  WCAG contrast: on white 1.29:1 (Fail) · on black 16.25:1 (AAA)

• surface

  #FF8E81

  #FF8E81 color page →

  RGB

  rgb(255 142 129)

  HSL

  hsl(6 100% 75%)

  OKLCH

  oklch(0.766 0.139 27.6)

  WCAG contrast: on white 2.22:1 (Fail) · on black 9.43:1 (AAA)

• primary

  #CF525F

  #CF525F color page →

  RGB

  rgb(207 82 95)

  HSL

  hsl(354 57% 57%)

  OKLCH

  oklch(0.606 0.158 17)

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

• accent

  #82255E

  #82255E color page →

  RGB

  rgb(130 37 94)

  HSL

  hsl(323 56% 33%)

  OKLCH

  oklch(0.428 0.141 347)

  WCAG contrast: on white 8.84:1 (AAA) · on black 2.37:1 (Fail)

• text

  #0E0D2A

  #0E0D2A color page →

  RGB

  rgb(14 13 42)

  HSL

  hsl(242 53% 11%)

  OKLCH

  oklch(0.181 0.057 280.6)

  WCAG contrast: on white 18.92:1 (AAA) · on black 1.10:1 (Fail)

Export Steady Cranberry Splash Cascade: CSS variables, Tailwind & JSON

:root {
  --bg: #fedbd0;
  --surface: #ff8e81;
  --primary: #cf525f;
  --accent: #82255e;
  --text: #0e0d2a;
}

@theme {
  --color-bg: #fedbd0;
  --color-surface: #ff8e81;
  --color-primary: #cf525f;
  --color-accent: #82255e;
  --color-text: #0e0d2a;
}

{
  "steady-cranberry-splash-cascade-68a": {
    "bg": {
      "$type": "color",
      "$value": "#fedbd0"
    },
    "surface": {
      "$type": "color",
      "$value": "#ff8e81"
    },
    "primary": {
      "$type": "color",
      "$value": "#cf525f"
    },
    "accent": {
      "$type": "color",
      "$value": "#82255e"
    },
    "text": {
      "$type": "color",
      "$value": "#0e0d2a"
    }
  }
}