Steady Four Leaf Clover Studio palette

Colors in Steady Four Leaf Clover Studio: HEX, RGB, HSL & OKLCH

• bg

  #E3F0DC

  #E3F0DC color page →

  RGB

  rgb(227 240 220)

  HSL

  hsl(99 40% 90%)

  OKLCH

  oklch(0.94 0.03 134.4)

  WCAG contrast: on white 1.18:1 (Fail) · on black 17.76:1 (AAA)

• surface

  #6B8C5C

  #6B8C5C color page →

  RGB

  rgb(107 140 92)

  HSL

  hsl(101 21% 45%)

  OKLCH

  oklch(0.602 0.079 136.2)

  WCAG contrast: on white 3.79:1 (Fail) · on black 5.53:1 (AA)

• primary

  #646791

  #646791 color page →

  RGB

  rgb(100 103 145)

  HSL

  hsl(236 18% 48%)

  OKLCH

  oklch(0.528 0.066 280.7)

  WCAG contrast: on white 5.39:1 (AA) · on black 3.89:1 (Fail)

• accent

  #83556F

  #83556F color page →

  RGB

  rgb(131 85 111)

  HSL

  hsl(326 21% 42%)

  OKLCH

  oklch(0.509 0.071 345)

  WCAG contrast: on white 6.01:1 (AA) · on black 3.49:1 (Fail)

• text

  #0B1208

  #0B1208 color page →

  RGB

  rgb(11 18 8)

  HSL

  hsl(102 38% 5%)

  OKLCH

  oklch(0.171 0.023 136.3)

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

Export Steady Four Leaf Clover Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #e3f0dc;
  --surface: #6b8c5c;
  --primary: #646791;
  --accent: #83556f;
  --text: #0b1208;
}

@theme {
  --color-bg: #e3f0dc;
  --color-surface: #6b8c5c;
  --color-primary: #646791;
  --color-accent: #83556f;
  --color-text: #0b1208;
}

{
  "steady-four-leaf-clover-studio-4n7": {
    "bg": {
      "$type": "color",
      "$value": "#e3f0dc"
    },
    "surface": {
      "$type": "color",
      "$value": "#6b8c5c"
    },
    "primary": {
      "$type": "color",
      "$value": "#646791"
    },
    "accent": {
      "$type": "color",
      "$value": "#83556f"
    },
    "text": {
      "$type": "color",
      "$value": "#0b1208"
    }
  }
}