Classic Deep Sky Blue Drift palette

Colors in Classic Deep Sky Blue Drift: HEX, RGB, HSL & OKLCH

• bg

  #E1EBFD

  #E1EBFD color page →

  RGB

  rgb(225 235 253)

  HSL

  hsl(219 88% 94%)

  OKLCH

  oklch(0.938 0.027 262.3)

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

• surface

  #0075F3

  #0075F3 color page →

  RGB

  rgb(0 117 243)

  HSL

  hsl(211 100% 48%)

  OKLCH

  oklch(0.583 0.209 257.2)

  WCAG contrast: on white 4.33:1 (Fail) · on black 4.83:1 (AA)

• primary

  #925200

  #925200 color page →

  RGB

  rgb(146 82 0)

  HSL

  hsl(34 100% 29%)

  OKLCH

  oklch(0.503 0.116 61.8)

  WCAG contrast: on white 6.12:1 (AA) · on black 3.42:1 (Fail)

• accent

  #00754E

  #00754E color page →

  RGB

  rgb(0 117 78)

  HSL

  hsl(160 100% 23%)

  OKLCH

  oklch(0.497 0.11 161.5)

  WCAG contrast: on white 5.74:1 (AA) · on black 3.65:1 (Fail)

• text

  #070E19

  #070E19 color page →

  RGB

  rgb(7 14 25)

  HSL

  hsl(217 56% 6%)

  OKLCH

  oklch(0.163 0.026 258.3)

  WCAG contrast: on white 19.33:1 (AAA) · on black 1.08:1 (Fail)

Export Classic Deep Sky Blue Drift: CSS variables, Tailwind & JSON

:root {
  --bg: #e1ebfd;
  --surface: #0075f3;
  --primary: #925200;
  --accent: #00754e;
  --text: #070e19;
}

@theme {
  --color-bg: #e1ebfd;
  --color-surface: #0075f3;
  --color-primary: #925200;
  --color-accent: #00754e;
  --color-text: #070e19;
}

{
  "classic-deep-sky-blue-drift-og": {
    "bg": {
      "$type": "color",
      "$value": "#e1ebfd"
    },
    "surface": {
      "$type": "color",
      "$value": "#0075f3"
    },
    "primary": {
      "$type": "color",
      "$value": "#925200"
    },
    "accent": {
      "$type": "color",
      "$value": "#00754e"
    },
    "text": {
      "$type": "color",
      "$value": "#070e19"
    }
  }
}