Steady Crimson Blaze Quartz palette

Colors in Steady Crimson Blaze Quartz: HEX, RGB, HSL & OKLCH

• bg

  #E0F4FA

  #E0F4FA color page →

  RGB

  rgb(224 244 250)

  HSL

  hsl(194 72% 93%)

  OKLCH

  oklch(0.954 0.023 217.6)

  WCAG contrast: on white 1.13:1 (Fail) · on black 18.49:1 (AAA)

• surface

  #008ABE

  #008ABE color page →

  RGB

  rgb(0 138 190)

  HSL

  hsl(196 100% 37%)

  OKLCH

  oklch(0.597 0.125 234.1)

  WCAG contrast: on white 3.90:1 (Fail) · on black 5.37:1 (AA)

• primary

  #B33E1F

  #B33E1F color page →

  RGB

  rgb(179 62 31)

  HSL

  hsl(13 70% 41%)

  OKLCH

  oklch(0.526 0.158 35.4)

  WCAG contrast: on white 5.79:1 (AA) · on black 3.62:1 (Fail)

• accent

  #003548

  #003548 color page →

  RGB

  rgb(0 53 72)

  HSL

  hsl(196 100% 14%)

  OKLCH

  oklch(0.308 0.061 229.1)

  WCAG contrast: on white 13.10:1 (AAA) · on black 1.60:1 (Fail)

• text

  #071013

  #071013 color page →

  RGB

  rgb(7 16 19)

  HSL

  hsl(195 46% 5%)

  OKLCH

  oklch(0.165 0.015 220.2)

  WCAG contrast: on white 19.22:1 (AAA) · on black 1.09:1 (Fail)

Export Steady Crimson Blaze Quartz: CSS variables, Tailwind & JSON

:root {
  --bg: #e0f4fa;
  --surface: #008abe;
  --primary: #b33e1f;
  --accent: #003548;
  --text: #071013;
}

@theme {
  --color-bg: #e0f4fa;
  --color-surface: #008abe;
  --color-primary: #b33e1f;
  --color-accent: #003548;
  --color-text: #071013;
}

{
  "steady-crimson-blaze-quartz-14o": {
    "bg": {
      "$type": "color",
      "$value": "#e0f4fa"
    },
    "surface": {
      "$type": "color",
      "$value": "#008abe"
    },
    "primary": {
      "$type": "color",
      "$value": "#b33e1f"
    },
    "accent": {
      "$type": "color",
      "$value": "#003548"
    },
    "text": {
      "$type": "color",
      "$value": "#071013"
    }
  }
}