Classic Bleu Ciel Vault palette

Colors in Classic Bleu Ciel Vault: HEX, RGB, HSL & OKLCH

• bg

  #EEF8FB

  #EEF8FB color page →

  RGB

  rgb(238 248 251)

  HSL

  hsl(194 62% 96%)

  OKLCH

  oklch(0.973 0.011 217.5)

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

• surface

  #86BFC2

  #86BFC2 color page →

  RGB

  rgb(134 191 194)

  HSL

  hsl(183 33% 64%)

  OKLCH

  oklch(0.767 0.059 200.1)

  WCAG contrast: on white 2.04:1 (Fail) · on black 10.24:1 (AAA)

• primary

  #007B9D

  #007B9D color page →

  RGB

  rgb(0 123 157)

  HSL

  hsl(193 100% 31%)

  OKLCH

  oklch(0.543 0.104 225.7)

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

• accent

  #005755

  #005755 color page →

  RGB

  rgb(0 87 85)

  HSL

  hsl(179 100% 17%)

  OKLCH

  oklch(0.413 0.071 192.1)

  WCAG contrast: on white 8.41:1 (AAA) · on black 2.49:1 (Fail)

• text

  #03151D

  #03151D color page →

  RGB

  rgb(3 21 29)

  HSL

  hsl(198 81% 6%)

  OKLCH

  oklch(0.184 0.03 228)

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

Export Classic Bleu Ciel Vault: CSS variables, Tailwind & JSON

:root {
  --bg: #eef8fb;
  --surface: #86bfc2;
  --primary: #007b9d;
  --accent: #005755;
  --text: #03151d;
}

@theme {
  --color-bg: #eef8fb;
  --color-surface: #86bfc2;
  --color-primary: #007b9d;
  --color-accent: #005755;
  --color-text: #03151d;
}

{
  "classic-bleu-ciel-vault-7d8": {
    "bg": {
      "$type": "color",
      "$value": "#eef8fb"
    },
    "surface": {
      "$type": "color",
      "$value": "#86bfc2"
    },
    "primary": {
      "$type": "color",
      "$value": "#007b9d"
    },
    "accent": {
      "$type": "color",
      "$value": "#005755"
    },
    "text": {
      "$type": "color",
      "$value": "#03151d"
    }
  }
}