True Underclover Tide palette

Colors in True Underclover Tide: HEX, RGB, HSL & OKLCH

• bg

  #000803

  #000803 color page →

  RGB

  rgb(0 8 3)

  HSL

  hsl(143 100% 2%)

  OKLCH

  oklch(0.118 0.027 158.8)

  WCAG contrast: on white 20.26:1 (AAA) · on black 1.03:1 (Fail)

• surface

  #01431A

  #01431A color page →

  RGB

  rgb(1 67 26)

  HSL

  hsl(143 97% 13%)

  OKLCH

  oklch(0.335 0.092 149.6)

  WCAG contrast: on white 11.54:1 (AAA) · on black 1.81:1 (Fail)

• primary

  #288846

  #288846 color page →

  RGB

  rgb(40 136 70)

  HSL

  hsl(139 55% 35%)

  OKLCH

  oklch(0.555 0.134 149.8)

  WCAG contrast: on white 4.46:1 (Fail) · on black 4.70:1 (AA)

• accent

  #7AC38F

  #7AC38F color page →

  RGB

  rgb(122 195 143)

  HSL

  hsl(137 38% 62%)

  OKLCH

  oklch(0.755 0.105 152.4)

  WCAG contrast: on white 2.09:1 (Fail) · on black 10.03:1 (AAA)

• text

  #DFF1E1

  #DFF1E1 color page →

  RGB

  rgb(223 241 225)

  HSL

  hsl(127 39% 91%)

  OKLCH

  oklch(0.94 0.029 148.6)

  WCAG contrast: on white 1.17:1 (Fail) · on black 17.80:1 (AAA)

Export True Underclover Tide: CSS variables, Tailwind & JSON

:root {
  --bg: #000803;
  --surface: #01431a;
  --primary: #288846;
  --accent: #7ac38f;
  --text: #dff1e1;
}

@theme {
  --color-bg: #000803;
  --color-surface: #01431a;
  --color-primary: #288846;
  --color-accent: #7ac38f;
  --color-text: #dff1e1;
}

{
  "true-underclover-tide-2nb": {
    "bg": {
      "$type": "color",
      "$value": "#000803"
    },
    "surface": {
      "$type": "color",
      "$value": "#01431a"
    },
    "primary": {
      "$type": "color",
      "$value": "#288846"
    },
    "accent": {
      "$type": "color",
      "$value": "#7ac38f"
    },
    "text": {
      "$type": "color",
      "$value": "#dff1e1"
    }
  }
}