Steady Endless River Lattice palette

Colors in Steady Endless River Lattice: HEX, RGB, HSL & OKLCH

• bg

  #DEEDFF

  #DEEDFF color page →

  RGB

  rgb(222 237 255)

  HSL

  hsl(213 100% 94%)

  OKLCH

  oklch(0.94 0.029 252.9)

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

• surface

  #99BDE8

  #99BDE8 color page →

  RGB

  rgb(153 189 232)

  HSL

  hsl(213 63% 75%)

  OKLCH

  oklch(0.787 0.073 253.2)

  WCAG contrast: on white 1.94:1 (Fail) · on black 10.79:1 (AAA)

• primary

  #4E77B9

  #4E77B9 color page →

  RGB

  rgb(78 119 185)

  HSL

  hsl(217 43% 52%)

  OKLCH

  oklch(0.569 0.113 259.5)

  WCAG contrast: on white 4.50:1 (AA) · on black 4.66:1 (AA)

• accent

  #1E3F66

  #1E3F66 color page →

  RGB

  rgb(30 63 102)

  HSL

  hsl(213 55% 26%)

  OKLCH

  oklch(0.363 0.078 254)

  WCAG contrast: on white 10.72:1 (AAA) · on black 1.95:1 (Fail)

• text

  #0A121C

  #0A121C color page →

  RGB

  rgb(10 18 28)

  HSL

  hsl(213 47% 7%)

  OKLCH

  oklch(0.18 0.024 254.4)

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

Export Steady Endless River Lattice: CSS variables, Tailwind & JSON

:root {
  --bg: #deedff;
  --surface: #99bde8;
  --primary: #4e77b9;
  --accent: #1e3f66;
  --text: #0a121c;
}

@theme {
  --color-bg: #deedff;
  --color-surface: #99bde8;
  --color-primary: #4e77b9;
  --color-accent: #1e3f66;
  --color-text: #0a121c;
}

{
  "steady-endless-river-lattice-6q1": {
    "bg": {
      "$type": "color",
      "$value": "#deedff"
    },
    "surface": {
      "$type": "color",
      "$value": "#99bde8"
    },
    "primary": {
      "$type": "color",
      "$value": "#4e77b9"
    },
    "accent": {
      "$type": "color",
      "$value": "#1e3f66"
    },
    "text": {
      "$type": "color",
      "$value": "#0a121c"
    }
  }
}