Pure Loch Ness Orchard palette

Colors in Pure Loch Ness Orchard: HEX, RGB, HSL & OKLCH

• bg

  #F0F3FF

  #F0F3FF color page →

  RGB

  rgb(240 243 255)

  HSL

  hsl(228 100% 97%)

  OKLCH

  oklch(0.965 0.016 274.8)

  WCAG contrast: on white 1.10:1 (Fail) · on black 18.96:1 (AAA)

• surface

  #99B7F3

  #99B7F3 color page →

  RGB

  rgb(153 183 243)

  HSL

  hsl(220 79% 78%)

  OKLCH

  oklch(0.779 0.092 263.8)

  WCAG contrast: on white 2.01:1 (Fail) · on black 10.42:1 (AAA)

• primary

  #5F6EC3

  #5F6EC3 color page →

  RGB

  rgb(95 110 195)

  HSL

  hsl(231 45% 57%)

  OKLCH

  oklch(0.566 0.132 273.9)

  WCAG contrast: on white 4.66:1 (AA) · on black 4.50:1 (AA)

• accent

  #303767

  #303767 color page →

  RGB

  rgb(48 55 103)

  HSL

  hsl(232 36% 30%)

  OKLCH

  oklch(0.356 0.083 275.1)

  WCAG contrast: on white 11.24:1 (AAA) · on black 1.86:1 (Fail)

• text

  #0A0C15

  #0A0C15 color page →

  RGB

  rgb(10 12 21)

  HSL

  hsl(229 35% 6%)

  OKLCH

  oklch(0.157 0.02 274.3)

  WCAG contrast: on white 19.51:1 (AAA) · on black 1.07:1 (Fail)

Export Pure Loch Ness Orchard: CSS variables, Tailwind & JSON

:root {
  --bg: #f0f3ff;
  --surface: #99b7f3;
  --primary: #5f6ec3;
  --accent: #303767;
  --text: #0a0c15;
}

@theme {
  --color-bg: #f0f3ff;
  --color-surface: #99b7f3;
  --color-primary: #5f6ec3;
  --color-accent: #303767;
  --color-text: #0a0c15;
}

{
  "pure-loch-ness-orchard-5xo": {
    "bg": {
      "$type": "color",
      "$value": "#f0f3ff"
    },
    "surface": {
      "$type": "color",
      "$value": "#99b7f3"
    },
    "primary": {
      "$type": "color",
      "$value": "#5f6ec3"
    },
    "accent": {
      "$type": "color",
      "$value": "#303767"
    },
    "text": {
      "$type": "color",
      "$value": "#0a0c15"
    }
  }
}