Fisher King Nexus palette

Colors in Fisher King Nexus: HEX, RGB, HSL & OKLCH

• bg

  #DBE2EF

  #DBE2EF color page →

  RGB

  rgb(219 226 239)

  HSL

  hsl(219 38% 90%)

  OKLCH

  oklch(0.911 0.019 263)

  WCAG contrast: on white 1.30:1 (Fail) · on black 16.13:1 (AAA)

• surface

  #9FBBE3

  #9FBBE3 color page →

  RGB

  rgb(159 187 227)

  HSL

  hsl(215 55% 76%)

  OKLCH

  oklch(0.785 0.065 257.3)

  WCAG contrast: on white 1.96:1 (Fail) · on black 10.69:1 (AAA)

• primary

  #4C7EC1

  #4C7EC1 color page →

  RGB

  rgb(76 126 193)

  HSL

  hsl(214 49% 53%)

  OKLCH

  oklch(0.589 0.117 256.2)

  WCAG contrast: on white 4.14:1 (Fail) · on black 5.06:1 (AA)

• accent

  #374B70

  #374B70 color page →

  RGB

  rgb(55 75 112)

  HSL

  hsl(219 34% 33%)

  OKLCH

  oklch(0.413 0.067 262.1)

  WCAG contrast: on white 8.73:1 (AAA) · on black 2.40:1 (Fail)

• text

  #161F2A

  #161F2A color page →

  RGB

  rgb(22 31 42)

  HSL

  hsl(213 31% 13%)

  OKLCH

  oklch(0.236 0.025 253.8)

  WCAG contrast: on white 16.61:1 (AAA) · on black 1.26:1 (Fail)

Export Fisher King Nexus: CSS variables, Tailwind & JSON

:root {
  --bg: #dbe2ef;
  --surface: #9fbbe3;
  --primary: #4c7ec1;
  --accent: #374b70;
  --text: #161f2a;
}

@theme {
  --color-bg: #dbe2ef;
  --color-surface: #9fbbe3;
  --color-primary: #4c7ec1;
  --color-accent: #374b70;
  --color-text: #161f2a;
}

{
  "fisher-king-nexus-e": {
    "bg": {
      "$type": "color",
      "$value": "#dbe2ef"
    },
    "surface": {
      "$type": "color",
      "$value": "#9fbbe3"
    },
    "primary": {
      "$type": "color",
      "$value": "#4c7ec1"
    },
    "accent": {
      "$type": "color",
      "$value": "#374b70"
    },
    "text": {
      "$type": "color",
      "$value": "#161f2a"
    }
  }
}