Steady Plastic Lips Studio palette

Colors in Steady Plastic Lips Studio: HEX, RGB, HSL & OKLCH

• bg

  #E7F0F6

  #E7F0F6 color page →

  RGB

  rgb(231 240 246)

  HSL

  hsl(204 45% 94%)

  OKLCH

  oklch(0.95 0.013 236.6)

  WCAG contrast: on white 1.15:1 (Fail) · on black 18.19:1 (AAA)

• surface

  #0078D2

  #0078D2 color page →

  RGB

  rgb(0 120 210)

  HSL

  hsl(206 100% 41%)

  OKLCH

  oklch(0.566 0.164 250.9)

  WCAG contrast: on white 4.54:1 (AA) · on black 4.61:1 (AA)

• primary

  #AB2669

  #AB2669 color page →

  RGB

  rgb(171 38 105)

  HSL

  hsl(330 64% 41%)

  OKLCH

  oklch(0.504 0.177 355.1)

  WCAG contrast: on white 6.53:1 (AA) · on black 3.21:1 (Fail)

• accent

  #686D00

  #686D00 color page →

  RGB

  rgb(104 109 0)

  HSL

  hsl(63 100% 21%)

  OKLCH

  oklch(0.513 0.114 112.9)

  WCAG contrast: on white 5.56:1 (AA) · on black 3.77:1 (Fail)

• text

  #07131C

  #07131C color page →

  RGB

  rgb(7 19 28)

  HSL

  hsl(206 60% 7%)

  OKLCH

  oklch(0.18 0.026 241.8)

  WCAG contrast: on white 18.76:1 (AAA) · on black 1.11:1 (Fail)

Export Steady Plastic Lips Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #e7f0f6;
  --surface: #0078d2;
  --primary: #ab2669;
  --accent: #686d00;
  --text: #07131c;
}

@theme {
  --color-bg: #e7f0f6;
  --color-surface: #0078d2;
  --color-primary: #ab2669;
  --color-accent: #686d00;
  --color-text: #07131c;
}

{
  "steady-plastic-lips-studio-242": {
    "bg": {
      "$type": "color",
      "$value": "#e7f0f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#0078d2"
    },
    "primary": {
      "$type": "color",
      "$value": "#ab2669"
    },
    "accent": {
      "$type": "color",
      "$value": "#686d00"
    },
    "text": {
      "$type": "color",
      "$value": "#07131c"
    }
  }
}