Electric Rrosy-Fingered Dawn Nexus palette

Colors in Electric Rrosy-Fingered Dawn Nexus: HEX, RGB, HSL & OKLCH

• bg

  #060104

  #060104 color page →

  RGB

  rgb(6 1 4)

  HSL

  hsl(324 71% 1%)

  OKLCH

  oklch(0.092 0.025 340.4)

  WCAG contrast: on white 20.71:1 (AAA) · on black 1.01:1 (Fail)

• surface

  #CF0088

  #CF0088 color page →

  RGB

  rgb(207 0 136)

  HSL

  hsl(321 100% 41%)

  OKLCH

  oklch(0.563 0.235 350.1)

  WCAG contrast: on white 5.23:1 (AA) · on black 4.00:1 (Fail)

• muted

  #FF6400

  #FF6400 color page →

  RGB

  rgb(255 100 0)

  HSL

  hsl(24 100% 50%)

  OKLCH

  oklch(0.693 0.206 42.9)

  WCAG contrast: on white 2.96:1 (Fail) · on black 7.07:1 (AAA)

• primary

  #00B24A

  #00B24A color page →

  RGB

  rgb(0 178 74)

  HSL

  hsl(145 100% 35%)

  OKLCH

  oklch(0.666 0.19 148.5)

  WCAG contrast: on white 2.81:1 (Fail) · on black 7.46:1 (AAA)

• accent

  #2CA4FD

  #2CA4FD color page →

  RGB

  rgb(44 164 253)

  HSL

  hsl(206 98% 58%)

  OKLCH

  oklch(0.697 0.165 246.5)

  WCAG contrast: on white 2.68:1 (Fail) · on black 7.83:1 (AAA)

• text

  #F2DEE7

  #F2DEE7 color page →

  RGB

  rgb(242 222 231)

  HSL

  hsl(333 43% 91%)

  OKLCH

  oklch(0.919 0.025 348.5)

  WCAG contrast: on white 1.28:1 (Fail) · on black 16.37:1 (AAA)

Export Electric Rrosy-Fingered Dawn Nexus: CSS variables, Tailwind & JSON

:root {
  --bg: #060104;
  --surface: #cf0088;
  --muted: #ff6400;
  --primary: #00b24a;
  --accent: #2ca4fd;
  --text: #f2dee7;
}

@theme {
  --color-bg: #060104;
  --color-surface: #cf0088;
  --color-muted: #ff6400;
  --color-primary: #00b24a;
  --color-accent: #2ca4fd;
  --color-text: #f2dee7;
}

{
  "electric-rrosy-fingered-dawn-nexus-6hz": {
    "bg": {
      "$type": "color",
      "$value": "#060104"
    },
    "surface": {
      "$type": "color",
      "$value": "#cf0088"
    },
    "muted": {
      "$type": "color",
      "$value": "#ff6400"
    },
    "primary": {
      "$type": "color",
      "$value": "#00b24a"
    },
    "accent": {
      "$type": "color",
      "$value": "#2ca4fd"
    },
    "text": {
      "$type": "color",
      "$value": "#f2dee7"
    }
  }
}