Neon Magna Cum Laude Tide palette

Colors in Neon Magna Cum Laude Tide: HEX, RGB, HSL & OKLCH

• bg

  #F4D9E1

  #F4D9E1 color page →

  RGB

  rgb(244 217 225)

  HSL

  hsl(342 55% 90%)

  OKLCH

  oklch(0.91 0.032 357.9)

  WCAG contrast: on white 1.32:1 (Fail) · on black 15.85:1 (AAA)

• surface

  #F08CE1

  #F08CE1 color page →

  RGB

  rgb(240 140 225)

  HSL

  hsl(309 77% 75%)

  OKLCH

  oklch(0.773 0.16 332.7)

  WCAG contrast: on white 2.20:1 (Fail) · on black 9.54:1 (AAA)

• primary

  #D80067

  #D80067 color page →

  RGB

  rgb(216 0 103)

  HSL

  hsl(331 100% 42%)

  OKLCH

  oklch(0.568 0.229 4.1)

  WCAG contrast: on white 5.10:1 (AA) · on black 4.11:1 (Fail)

• accent

  #9E0000

  #9E0000 color page →

  RGB

  rgb(158 0 0)

  HSL

  hsl(0 100% 31%)

  OKLCH

  oklch(0.439 0.18 29.2)

  WCAG contrast: on white 8.55:1 (AAA) · on black 2.45:1 (Fail)

• text

  #2E0010

  #2E0010 color page →

  RGB

  rgb(46 0 16)

  HSL

  hsl(339 100% 9%)

  OKLCH

  oklch(0.194 0.078 4.8)

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

Export Neon Magna Cum Laude Tide: CSS variables, Tailwind & JSON

:root {
  --bg: #f4d9e1;
  --surface: #f08ce1;
  --primary: #d80067;
  --accent: #9e0000;
  --text: #2e0010;
}

@theme {
  --color-bg: #f4d9e1;
  --color-surface: #f08ce1;
  --color-primary: #d80067;
  --color-accent: #9e0000;
  --color-text: #2e0010;
}

{
  "neon-magna-cum-laude-tide-xx": {
    "bg": {
      "$type": "color",
      "$value": "#f4d9e1"
    },
    "surface": {
      "$type": "color",
      "$value": "#f08ce1"
    },
    "primary": {
      "$type": "color",
      "$value": "#d80067"
    },
    "accent": {
      "$type": "color",
      "$value": "#9e0000"
    },
    "text": {
      "$type": "color",
      "$value": "#2e0010"
    }
  }
}