Classic Strawberry Moon Canvas palette

Colors in Classic Strawberry Moon Canvas: HEX, RGB, HSL & OKLCH

• bg

  #FFE7E2

  #FFE7E2 color page →

  RGB

  rgb(255 231 226)

  HSL

  hsl(10 100% 94%)

  OKLCH

  oklch(0.946 0.027 31.7)

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

• surface

  #FD929A

  #FD929A color page →

  RGB

  rgb(253 146 154)

  HSL

  hsl(356 96% 78%)

  OKLCH

  oklch(0.775 0.129 15.7)

  WCAG contrast: on white 2.15:1 (Fail) · on black 9.75:1 (AAA)

• primary

  #C85A73

  #C85A73 color page →

  RGB

  rgb(200 90 115)

  HSL

  hsl(346 50% 57%)

  OKLCH

  oklch(0.611 0.142 8)

  WCAG contrast: on white 4.06:1 (Fail) · on black 5.16:1 (AA)

• accent

  #853669

  #853669 color page →

  RGB

  rgb(133 54 105)

  HSL

  hsl(321 42% 37%)

  OKLCH

  oklch(0.458 0.125 343.6)

  WCAG contrast: on white 7.69:1 (AAA) · on black 2.72:1 (Fail)

• text

  #0D1231

  #0D1231 color page →

  RGB

  rgb(13 18 49)

  HSL

  hsl(232 58% 12%)

  OKLCH

  oklch(0.199 0.061 272.7)

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

Export Classic Strawberry Moon Canvas: CSS variables, Tailwind & JSON

:root {
  --bg: #ffe7e2;
  --surface: #fd929a;
  --primary: #c85a73;
  --accent: #853669;
  --text: #0d1231;
}

@theme {
  --color-bg: #ffe7e2;
  --color-surface: #fd929a;
  --color-primary: #c85a73;
  --color-accent: #853669;
  --color-text: #0d1231;
}

{
  "classic-strawberry-moon-canvas-23e": {
    "bg": {
      "$type": "color",
      "$value": "#ffe7e2"
    },
    "surface": {
      "$type": "color",
      "$value": "#fd929a"
    },
    "primary": {
      "$type": "color",
      "$value": "#c85a73"
    },
    "accent": {
      "$type": "color",
      "$value": "#853669"
    },
    "text": {
      "$type": "color",
      "$value": "#0d1231"
    }
  }
}