Steady Aztec Warrior Brief palette

Colors in Steady Aztec Warrior Brief: HEX, RGB, HSL & OKLCH

• bg

  #FBECF2

  #FBECF2 color page →

  RGB

  rgb(251 236 242)

  HSL

  hsl(336 65% 95%)

  OKLCH

  oklch(0.957 0.018 351.1)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.38:1 (AAA)

• surface

  #DB8AB1

  #DB8AB1 color page →

  RGB

  rgb(219 138 177)

  HSL

  hsl(331 53% 70%)

  OKLCH

  oklch(0.728 0.11 349.8)

  WCAG contrast: on white 2.53:1 (Fail) · on black 8.28:1 (AAA)

• primary

  #BD146D

  #BD146D color page →

  RGB

  rgb(189 20 109)

  HSL

  hsl(328 81% 41%)

  OKLCH

  oklch(0.526 0.206 356.7)

  WCAG contrast: on white 6.02:1 (AA) · on black 3.48:1 (Fail)

• accent

  #7A2553

  #7A2553 color page →

  RGB

  rgb(122 37 83)

  HSL

  hsl(328 53% 31%)

  OKLCH

  oklch(0.41 0.128 350.8)

  WCAG contrast: on white 9.47:1 (AAA) · on black 2.21:1 (Fail)

• text

  #341824

  #341824 color page →

  RGB

  rgb(52 24 36)

  HSL

  hsl(334 37% 15%)

  OKLCH

  oklch(0.253 0.048 354)

  WCAG contrast: on white 16.12:1 (AAA) · on black 1.30:1 (Fail)

Export Steady Aztec Warrior Brief: CSS variables, Tailwind & JSON

:root {
  --bg: #fbecf2;
  --surface: #db8ab1;
  --primary: #bd146d;
  --accent: #7a2553;
  --text: #341824;
}

@theme {
  --color-bg: #fbecf2;
  --color-surface: #db8ab1;
  --color-primary: #bd146d;
  --color-accent: #7a2553;
  --color-text: #341824;
}

{
  "steady-aztec-warrior-brief-4u0": {
    "bg": {
      "$type": "color",
      "$value": "#fbecf2"
    },
    "surface": {
      "$type": "color",
      "$value": "#db8ab1"
    },
    "primary": {
      "$type": "color",
      "$value": "#bd146d"
    },
    "accent": {
      "$type": "color",
      "$value": "#7a2553"
    },
    "text": {
      "$type": "color",
      "$value": "#341824"
    }
  }
}