Classic Center Field Forge palette

Colors in Classic Center Field Forge: HEX, RGB, HSL & OKLCH

• bg

  #000E08

  #000E08 color page →

  RGB

  rgb(0 14 8)

  HSL

  hsl(154 100% 3%)

  OKLCH

  oklch(0.145 0.029 168.3)

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

• surface

  #004729

  #004729 color page →

  RGB

  rgb(0 71 41)

  HSL

  hsl(155 100% 14%)

  OKLCH

  oklch(0.35 0.083 157.6)

  WCAG contrast: on white 10.86:1 (AAA) · on black 1.93:1 (Fail)

• primary

  #008B5B

  #008B5B color page →

  RGB

  rgb(0 139 91)

  HSL

  hsl(159 100% 27%)

  OKLCH

  oklch(0.562 0.127 160.3)

  WCAG contrast: on white 4.33:1 (Fail) · on black 4.84:1 (AA)

• accent

  #6DBC88

  #6DBC88 color page →

  RGB

  rgb(109 188 136)

  HSL

  hsl(141 37% 58%)

  OKLCH

  oklch(0.73 0.109 154)

  WCAG contrast: on white 2.28:1 (Fail) · on black 9.19:1 (AAA)

• text

  #E4FFED

  #E4FFED color page →

  RGB

  rgb(228 255 237)

  HSL

  hsl(140 100% 95%)

  OKLCH

  oklch(0.976 0.037 156.5)

  WCAG contrast: on white 1.05:1 (Fail) · on black 19.82:1 (AAA)

Export Classic Center Field Forge: CSS variables, Tailwind & JSON

:root {
  --bg: #000e08;
  --surface: #004729;
  --primary: #008b5b;
  --accent: #6dbc88;
  --text: #e4ffed;
}

@theme {
  --color-bg: #000e08;
  --color-surface: #004729;
  --color-primary: #008b5b;
  --color-accent: #6dbc88;
  --color-text: #e4ffed;
}

{
  "classic-center-field-forge-b": {
    "bg": {
      "$type": "color",
      "$value": "#000e08"
    },
    "surface": {
      "$type": "color",
      "$value": "#004729"
    },
    "primary": {
      "$type": "color",
      "$value": "#008b5b"
    },
    "accent": {
      "$type": "color",
      "$value": "#6dbc88"
    },
    "text": {
      "$type": "color",
      "$value": "#e4ffed"
    }
  }
}