True Illuminati Green Studio palette

Colors in True Illuminati Green Studio: HEX, RGB, HSL & OKLCH

• bg

  #E3EBE5

  #E3EBE5 color page →

  RGB

  rgb(227 235 229)

  HSL

  hsl(135 17% 91%)

  OKLCH

  oklch(0.932 0.012 153.7)

  WCAG contrast: on white 1.21:1 (Fail) · on black 17.28:1 (AAA)

• surface

  #448C60

  #448C60 color page →

  RGB

  rgb(68 140 96)

  HSL

  hsl(143 35% 41%)

  OKLCH

  oklch(0.581 0.1 154.9)

  WCAG contrast: on white 4.06:1 (Fail) · on black 5.16:1 (AA)

• primary

  #865280

  #865280 color page →

  RGB

  rgb(134 82 128)

  HSL

  hsl(307 24% 42%)

  OKLCH

  oklch(0.514 0.094 331.1)

  WCAG contrast: on white 5.94:1 (AA) · on black 3.53:1 (Fail)

• accent

  #875523

  #875523 color page →

  RGB

  rgb(135 85 35)

  HSL

  hsl(30 59% 33%)

  OKLCH

  oklch(0.496 0.093 62.5)

  WCAG contrast: on white 6.26:1 (AA) · on black 3.35:1 (Fail)

• text

  #080C09

  #080C09 color page →

  RGB

  rgb(8 12 9)

  HSL

  hsl(135 20% 4%)

  OKLCH

  oklch(0.148 0.009 153.4)

  WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)

Export True Illuminati Green Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #e3ebe5;
  --surface: #448c60;
  --primary: #865280;
  --accent: #875523;
  --text: #080c09;
}

@theme {
  --color-bg: #e3ebe5;
  --color-surface: #448c60;
  --color-primary: #865280;
  --color-accent: #875523;
  --color-text: #080c09;
}

{
  "true-illuminati-green-studio-3rt": {
    "bg": {
      "$type": "color",
      "$value": "#e3ebe5"
    },
    "surface": {
      "$type": "color",
      "$value": "#448c60"
    },
    "primary": {
      "$type": "color",
      "$value": "#865280"
    },
    "accent": {
      "$type": "color",
      "$value": "#875523"
    },
    "text": {
      "$type": "color",
      "$value": "#080c09"
    }
  }
}