Classic Plastic Lips Dune palette

Colors in Classic Plastic Lips Dune: HEX, RGB, HSL & OKLCH

• bg

  #EBEBDD

  #EBEBDD color page →

  RGB

  rgb(235 235 221)

  HSL

  hsl(60 26% 89%)

  OKLCH

  oklch(0.936 0.019 106.8)

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

• surface

  #8A7A00

  #8A7A00 color page →

  RGB

  rgb(138 122 0)

  HSL

  hsl(53 100% 27%)

  OKLCH

  oklch(0.576 0.12 100.1)

  WCAG contrast: on white 4.31:1 (Fail) · on black 4.86:1 (AA)

• primary

  #0070C3

  #0070C3 color page →

  RGB

  rgb(0 112 195)

  HSL

  hsl(206 100% 38%)

  OKLCH

  oklch(0.538 0.154 250.5)

  WCAG contrast: on white 5.11:1 (AA) · on black 4.10:1 (Fail)

• accent

  #AD0066

  #AD0066 color page →

  RGB

  rgb(173 0 102)

  HSL

  hsl(325 100% 34%)

  OKLCH

  oklch(0.488 0.201 354.8)

  WCAG contrast: on white 7.07:1 (AAA) · on black 2.96:1 (Fail)

• text

  #0C0C05

  #0C0C05 color page →

  RGB

  rgb(12 12 5)

  HSL

  hsl(60 41% 3%)

  OKLCH

  oklch(0.151 0.016 108.2)

  WCAG contrast: on white 19.61:1 (AAA) · on black 1.07:1 (Fail)

Export Classic Plastic Lips Dune: CSS variables, Tailwind & JSON

:root {
  --bg: #ebebdd;
  --surface: #8a7a00;
  --primary: #0070c3;
  --accent: #ad0066;
  --text: #0c0c05;
}

@theme {
  --color-bg: #ebebdd;
  --color-surface: #8a7a00;
  --color-primary: #0070c3;
  --color-accent: #ad0066;
  --color-text: #0c0c05;
}

{
  "classic-plastic-lips-dune-2c": {
    "bg": {
      "$type": "color",
      "$value": "#ebebdd"
    },
    "surface": {
      "$type": "color",
      "$value": "#8a7a00"
    },
    "primary": {
      "$type": "color",
      "$value": "#0070c3"
    },
    "accent": {
      "$type": "color",
      "$value": "#ad0066"
    },
    "text": {
      "$type": "color",
      "$value": "#0c0c05"
    }
  }
}