Pure Emerald Whispers Grove palette

Colors in Pure Emerald Whispers Grove: HEX, RGB, HSL & OKLCH

• bg

  #040807

  #040807 color page →

  RGB

  rgb(4 8 7)

  HSL

  hsl(165 33% 2%)

  OKLCH

  oklch(0.128 0.009 179.9)

  WCAG contrast: on white 20.13:1 (AAA) · on black 1.04:1 (Fail)

• surface

  #001917

  #001917 color page →

  RGB

  rgb(0 25 23)

  HSL

  hsl(175 100% 5%)

  OKLCH

  oklch(0.192 0.033 187.8)

  WCAG contrast: on white 18.23:1 (AAA) · on black 1.15:1 (Fail)

• primary

  #2A897F

  #2A897F color page →

  RGB

  rgb(42 137 127)

  HSL

  hsl(174 53% 35%)

  OKLCH

  oklch(0.573 0.088 185)

  WCAG contrast: on white 4.21:1 (Fail) · on black 4.98:1 (AA)

• accent

  #90A1A7

  #90A1A7 color page →

  RGB

  rgb(144 161 167)

  HSL

  hsl(196 12% 61%)

  OKLCH

  oklch(0.698 0.021 221)

  WCAG contrast: on white 2.67:1 (Fail) · on black 7.84:1 (AAA)

• text

  #DAE7E5

  #DAE7E5 color page →

  RGB

  rgb(218 231 229)

  HSL

  hsl(171 21% 88%)

  OKLCH

  oklch(0.918 0.014 185.9)

  WCAG contrast: on white 1.26:1 (Fail) · on black 16.54:1 (AAA)

Export Pure Emerald Whispers Grove: CSS variables, Tailwind & JSON

:root {
  --bg: #040807;
  --surface: #001917;
  --primary: #2a897f;
  --accent: #90a1a7;
  --text: #dae7e5;
}

@theme {
  --color-bg: #040807;
  --color-surface: #001917;
  --color-primary: #2a897f;
  --color-accent: #90a1a7;
  --color-text: #dae7e5;
}

{
  "pure-emerald-whispers-grove-21s": {
    "bg": {
      "$type": "color",
      "$value": "#040807"
    },
    "surface": {
      "$type": "color",
      "$value": "#001917"
    },
    "primary": {
      "$type": "color",
      "$value": "#2a897f"
    },
    "accent": {
      "$type": "color",
      "$value": "#90a1a7"
    },
    "text": {
      "$type": "color",
      "$value": "#dae7e5"
    }
  }
}