Steady Magenta Affair Tide palette

Colors in Steady Magenta Affair Tide: HEX, RGB, HSL & OKLCH

• bg

  #E7E4F1

  #E7E4F1 color page →

  RGB

  rgb(231 228 241)

  HSL

  hsl(254 32% 92%)

  OKLCH

  oklch(0.925 0.018 296.6)

  WCAG contrast: on white 1.25:1 (Fail) · on black 16.76:1 (AAA)

• surface

  #A2A7FF

  #A2A7FF color page →

  RGB

  rgb(162 167 255)

  HSL

  hsl(237 100% 82%)

  OKLCH

  oklch(0.759 0.126 280.5)

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

• primary

  #954BE2

  #954BE2 color page →

  RGB

  rgb(149 75 226)

  HSL

  hsl(269 72% 59%)

  OKLCH

  oklch(0.579 0.219 302.5)

  WCAG contrast: on white 4.79:1 (AA) · on black 4.38:1 (Fail)

• accent

  #711B80

  #711B80 color page →

  RGB

  rgb(113 27 128)

  HSL

  hsl(291 65% 30%)

  OKLCH

  oklch(0.411 0.169 321.1)

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

• text

  #160831

  #160831 color page →

  RGB

  rgb(22 8 49)

  HSL

  hsl(260 72% 11%)

  OKLCH

  oklch(0.187 0.076 293.3)

  WCAG contrast: on white 18.86:1 (AAA) · on black 1.11:1 (Fail)

Export Steady Magenta Affair Tide: CSS variables, Tailwind & JSON

:root {
  --bg: #e7e4f1;
  --surface: #a2a7ff;
  --primary: #954be2;
  --accent: #711b80;
  --text: #160831;
}

@theme {
  --color-bg: #e7e4f1;
  --color-surface: #a2a7ff;
  --color-primary: #954be2;
  --color-accent: #711b80;
  --color-text: #160831;
}

{
  "steady-magenta-affair-tide-5p1": {
    "bg": {
      "$type": "color",
      "$value": "#e7e4f1"
    },
    "surface": {
      "$type": "color",
      "$value": "#a2a7ff"
    },
    "primary": {
      "$type": "color",
      "$value": "#954be2"
    },
    "accent": {
      "$type": "color",
      "$value": "#711b80"
    },
    "text": {
      "$type": "color",
      "$value": "#160831"
    }
  }
}