Pure Pristine Seas Prism palette

Colors in Pure Pristine Seas Prism: HEX, RGB, HSL & OKLCH

• bg

  #D2E4EE

  #D2E4EE color page →

  RGB

  rgb(210 228 238)

  HSL

  hsl(201 45% 88%)

  OKLCH

  oklch(0.908 0.024 231.9)

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

• surface

  #78ACC1

  #78ACC1 color page →

  RGB

  rgb(120 172 193)

  HSL

  hsl(197 37% 61%)

  OKLCH

  oklch(0.715 0.063 225.1)

  WCAG contrast: on white 2.47:1 (Fail) · on black 8.46:1 (AAA)

• primary

  #237392

  #237392 color page →

  RGB

  rgb(35 115 146)

  HSL

  hsl(197 61% 35%)

  OKLCH

  oklch(0.522 0.089 228.4)

  WCAG contrast: on white 5.33:1 (AA) · on black 3.93:1 (Fail)

• accent

  #193F51

  #193F51 color page →

  RGB

  rgb(25 63 81)

  HSL

  hsl(199 53% 21%)

  OKLCH

  oklch(0.349 0.053 231.6)

  WCAG contrast: on white 11.22:1 (AAA) · on black 1.87:1 (Fail)

• text

  #030E14

  #030E14 color page →

  RGB

  rgb(3 14 20)

  HSL

  hsl(201 74% 5%)

  OKLCH

  oklch(0.155 0.023 229.8)

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

Export Pure Pristine Seas Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #d2e4ee;
  --surface: #78acc1;
  --primary: #237392;
  --accent: #193f51;
  --text: #030e14;
}

@theme {
  --color-bg: #d2e4ee;
  --color-surface: #78acc1;
  --color-primary: #237392;
  --color-accent: #193f51;
  --color-text: #030e14;
}

{
  "pure-pristine-seas-prism-3mr": {
    "bg": {
      "$type": "color",
      "$value": "#d2e4ee"
    },
    "surface": {
      "$type": "color",
      "$value": "#78acc1"
    },
    "primary": {
      "$type": "color",
      "$value": "#237392"
    },
    "accent": {
      "$type": "color",
      "$value": "#193f51"
    },
    "text": {
      "$type": "color",
      "$value": "#030e14"
    }
  }
}