Steady God of Rain Beacon palette

Colors in Steady God of Rain Beacon: HEX, RGB, HSL & OKLCH

• bg

  #070912

  #070912 color page →

  RGB

  rgb(7 9 18)

  HSL

  hsl(229 44% 5%)

  OKLCH

  oklch(0.142 0.02 272.7)

  WCAG contrast: on white 19.87:1 (AAA) · on black 1.05:1 (Fail)

• surface

  #293975

  #293975 color page →

  RGB

  rgb(41 57 117)

  HSL

  hsl(227 48% 31%)

  OKLCH

  oklch(0.366 0.105 269.4)

  WCAG contrast: on white 10.84:1 (AAA) · on black 1.93:1 (Fail)

• primary

  #3F66BE

  #3F66BE color page →

  RGB

  rgb(63 102 190)

  HSL

  hsl(222 50% 50%)

  OKLCH

  oklch(0.528 0.145 264.1)

  WCAG contrast: on white 5.44:1 (AA) · on black 3.85:1 (Fail)

• accent

  #7CADE4

  #7CADE4 color page →

  RGB

  rgb(124 173 228)

  HSL

  hsl(212 66% 69%)

  OKLCH

  oklch(0.734 0.096 252)

  WCAG contrast: on white 2.34:1 (Fail) · on black 8.95:1 (AAA)

• text

  #E6F6FF

  #E6F6FF color page →

  RGB

  rgb(230 246 255)

  HSL

  hsl(202 100% 95%)

  OKLCH

  oklch(0.964 0.021 232.1)

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

Export Steady God of Rain Beacon: CSS variables, Tailwind & JSON

:root {
  --bg: #070912;
  --surface: #293975;
  --primary: #3f66be;
  --accent: #7cade4;
  --text: #e6f6ff;
}

@theme {
  --color-bg: #070912;
  --color-surface: #293975;
  --color-primary: #3f66be;
  --color-accent: #7cade4;
  --color-text: #e6f6ff;
}

{
  "steady-god-of-rain-beacon-6cp": {
    "bg": {
      "$type": "color",
      "$value": "#070912"
    },
    "surface": {
      "$type": "color",
      "$value": "#293975"
    },
    "primary": {
      "$type": "color",
      "$value": "#3f66be"
    },
    "accent": {
      "$type": "color",
      "$value": "#7cade4"
    },
    "text": {
      "$type": "color",
      "$value": "#e6f6ff"
    }
  }
}