Pure Extravagant Blush Lattice palette

Colors in Pure Extravagant Blush Lattice: HEX, RGB, HSL & OKLCH

• bg

  #0A0203

  #0A0203 color page →

  RGB

  rgb(10 2 3)

  HSL

  hsl(353 67% 2%)

  OKLCH

  oklch(0.108 0.023 9.7)

  WCAG contrast: on white 20.52:1 (AAA) · on black 1.02:1 (Fail)

• surface

  #230B0D

  #230B0D color page →

  RGB

  rgb(35 11 13)

  HSL

  hsl(355 52% 9%)

  OKLCH

  oklch(0.189 0.041 16.7)

  WCAG contrast: on white 18.66:1 (AAA) · on black 1.12:1 (Fail)

• primary

  #BF4E64

  #BF4E64 color page →

  RGB

  rgb(191 78 100)

  HSL

  hsl(348 47% 53%)

  OKLCH

  oklch(0.577 0.146 10.9)

  WCAG contrast: on white 4.67:1 (AA) · on black 4.48:1 (Fail)

• accent

  #C7947F

  #C7947F color page →

  RGB

  rgb(199 148 127)

  HSL

  hsl(18 39% 64%)

  OKLCH

  oklch(0.71 0.069 43.4)

  WCAG contrast: on white 2.63:1 (Fail) · on black 7.97:1 (AAA)

• text

  #F4E1E2

  #F4E1E2 color page →

  RGB

  rgb(244 225 226)

  HSL

  hsl(357 46% 92%)

  OKLCH

  oklch(0.925 0.021 13.9)

  WCAG contrast: on white 1.25:1 (Fail) · on black 16.71:1 (AAA)

Export Pure Extravagant Blush Lattice: CSS variables, Tailwind & JSON

:root {
  --bg: #0a0203;
  --surface: #230b0d;
  --primary: #bf4e64;
  --accent: #c7947f;
  --text: #f4e1e2;
}

@theme {
  --color-bg: #0a0203;
  --color-surface: #230b0d;
  --color-primary: #bf4e64;
  --color-accent: #c7947f;
  --color-text: #f4e1e2;
}

{
  "pure-extravagant-blush-lattice-ze": {
    "bg": {
      "$type": "color",
      "$value": "#0a0203"
    },
    "surface": {
      "$type": "color",
      "$value": "#230b0d"
    },
    "primary": {
      "$type": "color",
      "$value": "#bf4e64"
    },
    "accent": {
      "$type": "color",
      "$value": "#c7947f"
    },
    "text": {
      "$type": "color",
      "$value": "#f4e1e2"
    }
  }
}