Steady Islamic Green Prism palette

Colors in Steady Islamic Green Prism: HEX, RGB, HSL & OKLCH

• bg

  #DBE7DB

  #DBE7DB color page →

  RGB

  rgb(219 231 219)

  HSL

  hsl(120 20% 88%)

  OKLCH

  oklch(0.916 0.021 145.4)

  WCAG contrast: on white 1.27:1 (Fail) · on black 16.46:1 (AAA)

• surface

  #A7C469

  #A7C469 color page →

  RGB

  rgb(167 196 105)

  HSL

  hsl(79 44% 59%)

  OKLCH

  oklch(0.778 0.122 123.7)

  WCAG contrast: on white 1.95:1 (Fail) · on black 10.74:1 (AAA)

• primary

  #009913

  #009913 color page →

  RGB

  rgb(0 153 19)

  HSL

  hsl(127 100% 30%)

  OKLCH

  oklch(0.592 0.197 143.2)

  WCAG contrast: on white 3.77:1 (Fail) · on black 5.56:1 (AA)

• accent

  #006151

  #006151 color page →

  RGB

  rgb(0 97 81)

  HSL

  hsl(170 100% 19%)

  OKLCH

  oklch(0.44 0.082 176.2)

  WCAG contrast: on white 7.42:1 (AAA) · on black 2.82:1 (Fail)

• text

  #002301

  #002301 color page →

  RGB

  rgb(0 35 1)

  HSL

  hsl(122 100% 7%)

  OKLCH

  oklch(0.222 0.074 143.2)

  WCAG contrast: on white 16.92:1 (AAA) · on black 1.24:1 (Fail)

Export Steady Islamic Green Prism: CSS variables, Tailwind & JSON

:root {
  --bg: #dbe7db;
  --surface: #a7c469;
  --primary: #009913;
  --accent: #006151;
  --text: #002301;
}

@theme {
  --color-bg: #dbe7db;
  --color-surface: #a7c469;
  --color-primary: #009913;
  --color-accent: #006151;
  --color-text: #002301;
}

{
  "steady-islamic-green-prism-5tk": {
    "bg": {
      "$type": "color",
      "$value": "#dbe7db"
    },
    "surface": {
      "$type": "color",
      "$value": "#a7c469"
    },
    "primary": {
      "$type": "color",
      "$value": "#009913"
    },
    "accent": {
      "$type": "color",
      "$value": "#006151"
    },
    "text": {
      "$type": "color",
      "$value": "#002301"
    }
  }
}