Pure Matt Blue Delta palette

Colors in Pure Matt Blue Delta: HEX, RGB, HSL & OKLCH

• bg

  #030A1A

  #030A1A color page →

  RGB

  rgb(3 10 26)

  HSL

  hsl(222 79% 6%)

  OKLCH

  oklch(0.147 0.038 260.2)

  WCAG contrast: on white 19.77:1 (AAA) · on black 1.06:1 (Fail)

• surface

  #163663

  #163663 color page →

  RGB

  rgb(22 54 99)

  HSL

  hsl(215 64% 24%)

  OKLCH

  oklch(0.335 0.088 257.5)

  WCAG contrast: on white 12.05:1 (AAA) · on black 1.74:1 (Fail)

• primary

  #356DB2

  #356DB2 color page →

  RGB

  rgb(53 109 178)

  HSL

  hsl(213 54% 45%)

  OKLCH

  oklch(0.531 0.124 255)

  WCAG contrast: on white 5.27:1 (AA) · on black 3.98:1 (Fail)

• accent

  #7CB8EF

  #7CB8EF color page →

  RGB

  rgb(124 184 239)

  HSL

  hsl(209 78% 71%)

  OKLCH

  oklch(0.763 0.101 247.2)

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

• text

  #EAFBFF

  #EAFBFF color page →

  RGB

  rgb(234 251 255)

  HSL

  hsl(191 100% 96%)

  OKLCH

  oklch(0.977 0.019 213.4)

  WCAG contrast: on white 1.06:1 (Fail) · on black 19.74:1 (AAA)

Export Pure Matt Blue Delta: CSS variables, Tailwind & JSON

:root {
  --bg: #030a1a;
  --surface: #163663;
  --primary: #356db2;
  --accent: #7cb8ef;
  --text: #eafbff;
}

@theme {
  --color-bg: #030a1a;
  --color-surface: #163663;
  --color-primary: #356db2;
  --color-accent: #7cb8ef;
  --color-text: #eafbff;
}

{
  "pure-matt-blue-delta-9t": {
    "bg": {
      "$type": "color",
      "$value": "#030a1a"
    },
    "surface": {
      "$type": "color",
      "$value": "#163663"
    },
    "primary": {
      "$type": "color",
      "$value": "#356db2"
    },
    "accent": {
      "$type": "color",
      "$value": "#7cb8ef"
    },
    "text": {
      "$type": "color",
      "$value": "#eafbff"
    }
  }
}