Bold Crude Banana Lattice palette

Colors in Bold Crude Banana Lattice: HEX, RGB, HSL & OKLCH

• bg

  #010500

  #010500 color page →

  RGB

  rgb(1 5 0)

  HSL

  hsl(108 100% 1%)

  OKLCH

  oklch(0.102 0.031 136.4)

  WCAG contrast: on white 20.52:1 (AAA) · on black 1.02:1 (Fail)

• surface

  #04C200

  #04C200 color page →

  RGB

  rgb(4 194 0)

  HSL

  hsl(119 100% 38%)

  OKLCH

  oklch(0.706 0.24 142.4)

  WCAG contrast: on white 2.40:1 (Fail) · on black 8.72:1 (AAA)

• primary

  #2688FF

  #2688FF color page →

  RGB

  rgb(38 136 255)

  HSL

  hsl(213 100% 57%)

  OKLCH

  oklch(0.636 0.198 256.3)

  WCAG contrast: on white 3.47:1 (Fail) · on black 6.04:1 (AA)

• accent

  #FF3065

  #FF3065 color page →

  RGB

  rgb(255 48 101)

  HSL

  hsl(345 100% 59%)

  OKLCH

  oklch(0.654 0.237 13.3)

  WCAG contrast: on white 3.58:1 (Fail) · on black 5.86:1 (AA)

• text

  #E4ECE0

  #E4ECE0 color page →

  RGB

  rgb(228 236 224)

  HSL

  hsl(100 24% 90%)

  OKLCH

  oklch(0.934 0.018 134.9)

  WCAG contrast: on white 1.20:1 (Fail) · on black 17.37:1 (AAA)

Export Bold Crude Banana Lattice: CSS variables, Tailwind & JSON

:root {
  --bg: #010500;
  --surface: #04c200;
  --primary: #2688ff;
  --accent: #ff3065;
  --text: #e4ece0;
}

@theme {
  --color-bg: #010500;
  --color-surface: #04c200;
  --color-primary: #2688ff;
  --color-accent: #ff3065;
  --color-text: #e4ece0;
}

{
  "bold-crude-banana-lattice-3gh": {
    "bg": {
      "$type": "color",
      "$value": "#010500"
    },
    "surface": {
      "$type": "color",
      "$value": "#04c200"
    },
    "primary": {
      "$type": "color",
      "$value": "#2688ff"
    },
    "accent": {
      "$type": "color",
      "$value": "#ff3065"
    },
    "text": {
      "$type": "color",
      "$value": "#e4ece0"
    }
  }
}