Pure Mysterious Blue Lattice palette

Colors in Pure Mysterious Blue Lattice: HEX, RGB, HSL & OKLCH

• bg

  #ECF1F1

  #ECF1F1 color page →

  RGB

  rgb(236 241 241)

  HSL

  hsl(180 15% 94%)

  OKLCH

  oklch(0.954 0.005 197.1)

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

• surface

  #8EBCC6

  #8EBCC6 color page →

  RGB

  rgb(142 188 198)

  HSL

  hsl(191 33% 67%)

  OKLCH

  oklch(0.766 0.051 212.5)

  WCAG contrast: on white 2.06:1 (Fail) · on black 10.15:1 (AAA)

• primary

  #468290

  #468290 color page →

  RGB

  rgb(70 130 144)

  HSL

  hsl(191 35% 42%)

  OKLCH

  oklch(0.572 0.066 214.7)

  WCAG contrast: on white 4.32:1 (Fail) · on black 4.85:1 (AA)

• accent

  #0B4757

  #0B4757 color page →

  RGB

  rgb(11 71 87)

  HSL

  hsl(193 78% 19%)

  OKLCH

  oklch(0.37 0.063 220.9)

  WCAG contrast: on white 10.22:1 (AAA) · on black 2.05:1 (Fail)

• text

  #090D0E

  #090D0E color page →

  RGB

  rgb(9 13 14)

  HSL

  hsl(192 22% 5%)

  OKLCH

  oklch(0.155 0.007 214.4)

  WCAG contrast: on white 19.52:1 (AAA) · on black 1.07:1 (Fail)

Export Pure Mysterious Blue Lattice: CSS variables, Tailwind & JSON

:root {
  --bg: #ecf1f1;
  --surface: #8ebcc6;
  --primary: #468290;
  --accent: #0b4757;
  --text: #090d0e;
}

@theme {
  --color-bg: #ecf1f1;
  --color-surface: #8ebcc6;
  --color-primary: #468290;
  --color-accent: #0b4757;
  --color-text: #090d0e;
}

{
  "pure-mysterious-blue-lattice-ob": {
    "bg": {
      "$type": "color",
      "$value": "#ecf1f1"
    },
    "surface": {
      "$type": "color",
      "$value": "#8ebcc6"
    },
    "primary": {
      "$type": "color",
      "$value": "#468290"
    },
    "accent": {
      "$type": "color",
      "$value": "#0b4757"
    },
    "text": {
      "$type": "color",
      "$value": "#090d0e"
    }
  }
}