Pure Threatening Red Meadow palette

Colors in Pure Threatening Red Meadow: HEX, RGB, HSL & OKLCH

• bg

  #ECF5F3

  #ECF5F3 color page →

  RGB

  rgb(236 245 243)

  HSL

  hsl(167 31% 94%)

  OKLCH

  oklch(0.963 0.01 181.4)

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

• surface

  #00A87E

  #00A87E color page →

  RGB

  rgb(0 168 126)

  HSL

  hsl(165 100% 33%)

  OKLCH

  oklch(0.649 0.133 167.2)

  WCAG contrast: on white 3.04:1 (Fail) · on black 6.90:1 (AA)

• primary

  #A22D9F

  #A22D9F color page →

  RGB

  rgb(162 45 159)

  HSL

  hsl(302 57% 41%)

  OKLCH

  oklch(0.52 0.198 329.1)

  WCAG contrast: on white 6.15:1 (AA) · on black 3.41:1 (Fail)

• accent

  #C60001

  #C60001 color page →

  RGB

  rgb(198 0 1)

  HSL

  hsl(360 100% 39%)

  OKLCH

  oklch(0.519 0.213 29.1)

  WCAG contrast: on white 6.17:1 (AA) · on black 3.40:1 (Fail)

• text

  #081513

  #081513 color page →

  RGB

  rgb(8 21 19)

  HSL

  hsl(171 45% 6%)

  OKLCH

  oklch(0.183 0.019 183.4)

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

Export Pure Threatening Red Meadow: CSS variables, Tailwind & JSON

:root {
  --bg: #ecf5f3;
  --surface: #00a87e;
  --primary: #a22d9f;
  --accent: #c60001;
  --text: #081513;
}

@theme {
  --color-bg: #ecf5f3;
  --color-surface: #00a87e;
  --color-primary: #a22d9f;
  --color-accent: #c60001;
  --color-text: #081513;
}

{
  "pure-threatening-red-meadow-2ui": {
    "bg": {
      "$type": "color",
      "$value": "#ecf5f3"
    },
    "surface": {
      "$type": "color",
      "$value": "#00a87e"
    },
    "primary": {
      "$type": "color",
      "$value": "#a22d9f"
    },
    "accent": {
      "$type": "color",
      "$value": "#c60001"
    },
    "text": {
      "$type": "color",
      "$value": "#081513"
    }
  }
}