Steady Quiet Harbour Archive palette

Colors in Steady Quiet Harbour Archive: HEX, RGB, HSL & OKLCH

• bg

  #E4F4FF

  #E4F4FF color page →

  RGB

  rgb(228 244 255)

  HSL

  hsl(204 100% 95%)

  OKLCH

  oklch(0.959 0.023 237.6)

  WCAG contrast: on white 1.12:1 (Fail) · on black 18.68:1 (AAA)

• surface

  #557596

  #557596 color page →

  RGB

  rgb(85 117 150)

  HSL

  hsl(210 28% 46%)

  OKLCH

  oklch(0.551 0.064 249.8)

  WCAG contrast: on white 4.80:1 (AA) · on black 4.37:1 (Fail)

• primary

  #735C43

  #735C43 color page →

  RGB

  rgb(115 92 67)

  HSL

  hsl(31 26% 36%)

  OKLCH

  oklch(0.491 0.048 68.7)

  WCAG contrast: on white 6.28:1 (AA) · on black 3.34:1 (Fail)

• accent

  #2C2E31

  #2C2E31 color page →

  RGB

  rgb(44 46 49)

  HSL

  hsl(216 5% 18%)

  OKLCH

  oklch(0.3 0.006 258.4)

  WCAG contrast: on white 13.61:1 (AAA) · on black 1.54:1 (Fail)

• text

  #05090F

  #05090F color page →

  RGB

  rgb(5 9 15)

  HSL

  hsl(216 50% 4%)

  OKLCH

  oklch(0.138 0.016 253.5)

  WCAG contrast: on white 19.95:1 (AAA) · on black 1.05:1 (Fail)

Export Steady Quiet Harbour Archive: CSS variables, Tailwind & JSON

:root {
  --bg: #e4f4ff;
  --surface: #557596;
  --primary: #735c43;
  --accent: #2c2e31;
  --text: #05090f;
}

@theme {
  --color-bg: #e4f4ff;
  --color-surface: #557596;
  --color-primary: #735c43;
  --color-accent: #2c2e31;
  --color-text: #05090f;
}

{
  "steady-quiet-harbour-archive-4dx": {
    "bg": {
      "$type": "color",
      "$value": "#e4f4ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#557596"
    },
    "primary": {
      "$type": "color",
      "$value": "#735c43"
    },
    "accent": {
      "$type": "color",
      "$value": "#2c2e31"
    },
    "text": {
      "$type": "color",
      "$value": "#05090f"
    }
  }
}