True Orbital Horizon palette

Colors in True Orbital Horizon: HEX, RGB, HSL & OKLCH

• bg

  #DDE1EC

  #DDE1EC color page →

  RGB

  rgb(221 225 236)

  HSL

  hsl(224 28% 90%)

  OKLCH

  oklch(0.91 0.016 270)

  WCAG contrast: on white 1.30:1 (Fail) · on black 16.05:1 (AAA)

• surface

  #9AB6D5

  #9AB6D5 color page →

  RGB

  rgb(154 182 213)

  HSL

  hsl(212 41% 72%)

  OKLCH

  oklch(0.766 0.054 251.2)

  WCAG contrast: on white 2.09:1 (Fail) · on black 10.02:1 (AAA)

• primary

  #687DB3

  #687DB3 color page →

  RGB

  rgb(104 125 179)

  HSL

  hsl(223 33% 55%)

  OKLCH

  oklch(0.595 0.087 267.5)

  WCAG contrast: on white 4.05:1 (Fail) · on black 5.17:1 (AA)

• accent

  #3F4160

  #3F4160 color page →

  RGB

  rgb(63 65 96)

  HSL

  hsl(236 21% 31%)

  OKLCH

  oklch(0.387 0.053 280.8)

  WCAG contrast: on white 9.82:1 (AAA) · on black 2.13:1 (Fail)

• text

  #111A2A

  #111A2A color page →

  RGB

  rgb(17 26 42)

  HSL

  hsl(218 42% 12%)

  OKLCH

  oklch(0.218 0.034 261.5)

  WCAG contrast: on white 17.42:1 (AAA) · on black 1.20:1 (Fail)

Export True Orbital Horizon: CSS variables, Tailwind & JSON

:root {
  --bg: #dde1ec;
  --surface: #9ab6d5;
  --primary: #687db3;
  --accent: #3f4160;
  --text: #111a2a;
}

@theme {
  --color-bg: #dde1ec;
  --color-surface: #9ab6d5;
  --color-primary: #687db3;
  --color-accent: #3f4160;
  --color-text: #111a2a;
}

{
  "true-orbital-horizon-5r9": {
    "bg": {
      "$type": "color",
      "$value": "#dde1ec"
    },
    "surface": {
      "$type": "color",
      "$value": "#9ab6d5"
    },
    "primary": {
      "$type": "color",
      "$value": "#687db3"
    },
    "accent": {
      "$type": "color",
      "$value": "#3f4160"
    },
    "text": {
      "$type": "color",
      "$value": "#111a2a"
    }
  }
}