Classic Blue Jay Horizon palette

Colors in Classic Blue Jay Horizon: HEX, RGB, HSL & OKLCH

• bg

  #E8EBEF

  #E8EBEF color page →

  RGB

  rgb(232 235 239)

  HSL

  hsl(214 18% 92%)

  OKLCH

  oklch(0.939 0.006 255.5)

  WCAG contrast: on white 1.19:1 (Fail) · on black 17.56:1 (AAA)

• surface

  #81AFE3

  #81AFE3 color page →

  RGB

  rgb(129 175 227)

  HSL

  hsl(212 64% 70%)

  OKLCH

  oklch(0.741 0.09 252.1)

  WCAG contrast: on white 2.28:1 (Fail) · on black 9.17:1 (AAA)

• primary

  #3E84EB

  #3E84EB color page →

  RGB

  rgb(62 132 235)

  HSL

  hsl(216 81% 58%)

  OKLCH

  oklch(0.621 0.171 258.2)

  WCAG contrast: on white 3.68:1 (Fail) · on black 5.70:1 (AA)

• accent

  #1C4474

  #1C4474 color page →

  RGB

  rgb(28 68 116)

  HSL

  hsl(213 61% 28%)

  OKLCH

  oklch(0.384 0.094 254.7)

  WCAG contrast: on white 9.86:1 (AAA) · on black 2.12:1 (Fail)

• text

  #0F1217

  #0F1217 color page →

  RGB

  rgb(15 18 23)

  HSL

  hsl(218 21% 7%)

  OKLCH

  oklch(0.181 0.011 260.6)

  WCAG contrast: on white 18.76:1 (AAA) · on black 1.11:1 (Fail)

Export Classic Blue Jay Horizon: CSS variables, Tailwind & JSON

:root {
  --bg: #e8ebef;
  --surface: #81afe3;
  --primary: #3e84eb;
  --accent: #1c4474;
  --text: #0f1217;
}

@theme {
  --color-bg: #e8ebef;
  --color-surface: #81afe3;
  --color-primary: #3e84eb;
  --color-accent: #1c4474;
  --color-text: #0f1217;
}

{
  "classic-blue-jay-horizon-10w": {
    "bg": {
      "$type": "color",
      "$value": "#e8ebef"
    },
    "surface": {
      "$type": "color",
      "$value": "#81afe3"
    },
    "primary": {
      "$type": "color",
      "$value": "#3e84eb"
    },
    "accent": {
      "$type": "color",
      "$value": "#1c4474"
    },
    "text": {
      "$type": "color",
      "$value": "#0f1217"
    }
  }
}