Pure Haddock’s Sweater Dune palette

Colors in Pure Haddock’s Sweater Dune: HEX, RGB, HSL & OKLCH

• bg

  #E0ECF6

  #E0ECF6 color page →

  RGB

  rgb(224 236 246)

  HSL

  hsl(207 55% 92%)

  OKLCH

  oklch(0.937 0.019 243)

  WCAG contrast: on white 1.20:1 (Fail) · on black 17.49:1 (AAA)

• surface

  #7FC3DE

  #7FC3DE color page →

  RGB

  rgb(127 195 222)

  HSL

  hsl(197 59% 68%)

  OKLCH

  oklch(0.782 0.079 225.1)

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

• primary

  #2E7BB9

  #2E7BB9 color page →

  RGB

  rgb(46 123 185)

  HSL

  hsl(207 60% 45%)

  OKLCH

  oklch(0.565 0.122 246.7)

  WCAG contrast: on white 4.51:1 (AA) · on black 4.64:1 (AA)

• accent

  #004862

  #004862 color page →

  RGB

  rgb(0 72 98)

  HSL

  hsl(196 100% 19%)

  OKLCH

  oklch(0.377 0.076 230.8)

  WCAG contrast: on white 9.98:1 (AAA) · on black 2.10:1 (Fail)

• text

  #060D19

  #060D19 color page →

  RGB

  rgb(6 13 25)

  HSL

  hsl(218 61% 6%)

  OKLCH

  oklch(0.159 0.028 259.2)

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

Export Pure Haddock’s Sweater Dune: CSS variables, Tailwind & JSON

:root {
  --bg: #e0ecf6;
  --surface: #7fc3de;
  --primary: #2e7bb9;
  --accent: #004862;
  --text: #060d19;
}

@theme {
  --color-bg: #e0ecf6;
  --color-surface: #7fc3de;
  --color-primary: #2e7bb9;
  --color-accent: #004862;
  --color-text: #060d19;
}

{
  "pure-haddock-s-sweater-dune-2il": {
    "bg": {
      "$type": "color",
      "$value": "#e0ecf6"
    },
    "surface": {
      "$type": "color",
      "$value": "#7fc3de"
    },
    "primary": {
      "$type": "color",
      "$value": "#2e7bb9"
    },
    "accent": {
      "$type": "color",
      "$value": "#004862"
    },
    "text": {
      "$type": "color",
      "$value": "#060d19"
    }
  }
}