True Hinterland Prism palette

Colors in True Hinterland Prism: HEX, RGB, HSL & OKLCH

• bg

  #E3E5F6

  #E3E5F6 color page →

  RGB

  rgb(227 229 246)

  HSL

  hsl(234 51% 93%)

  OKLCH

  oklch(0.925 0.023 280.6)

  WCAG contrast: on white 1.24:1 (Fail) · on black 16.80:1 (AAA)

• surface

  #7C7F9A

  #7C7F9A color page →

  RGB

  rgb(124 127 154)

  HSL

  hsl(234 13% 55%)

  OKLCH

  oklch(0.604 0.041 280.1)

  WCAG contrast: on white 3.91:1 (Fail) · on black 5.35:1 (AA)

• primary

  #7C6650

  #7C6650 color page →

  RGB

  rgb(124 102 80)

  HSL

  hsl(30 22% 40%)

  OKLCH

  oklch(0.526 0.043 66.7)

  WCAG contrast: on white 5.42:1 (AA) · on black 3.87:1 (Fail)

• accent

  #5C6C4C

  #5C6C4C color page →

  RGB

  rgb(92 108 76)

  HSL

  hsl(90 17% 36%)

  OKLCH

  oklch(0.509 0.052 129.7)

  WCAG contrast: on white 5.66:1 (AA) · on black 3.70:1 (Fail)

• text

  #0F1226

  #0F1226 color page →

  RGB

  rgb(15 18 38)

  HSL

  hsl(232 43% 10%)

  OKLCH

  oklch(0.191 0.041 275.4)

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

Export True Hinterland Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #e3e5f6;
  --surface: #7c7f9a;
  --primary: #7c6650;
  --accent: #5c6c4c;
  --text: #0f1226;
}

@theme {
  --color-bg: #e3e5f6;
  --color-surface: #7c7f9a;
  --color-primary: #7c6650;
  --color-accent: #5c6c4c;
  --color-text: #0f1226;
}

{
  "true-hinterland-prism-vr": {
    "bg": {
      "$type": "color",
      "$value": "#e3e5f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#7c7f9a"
    },
    "primary": {
      "$type": "color",
      "$value": "#7c6650"
    },
    "accent": {
      "$type": "color",
      "$value": "#5c6c4c"
    },
    "text": {
      "$type": "color",
      "$value": "#0f1226"
    }
  }
}