Steady Fat Smooch Studio palette

Colors in Steady Fat Smooch Studio: HEX, RGB, HSL & OKLCH

• bg

  #F9DFDA

  #F9DFDA color page →

  RGB

  rgb(249 223 218)

  HSL

  hsl(10 72% 92%)

  OKLCH

  oklch(0.924 0.03 30.6)

  WCAG contrast: on white 1.26:1 (Fail) · on black 16.59:1 (AAA)

• surface

  #FB8D96

  #FB8D96 color page →

  RGB

  rgb(251 141 150)

  HSL

  hsl(355 93% 77%)

  OKLCH

  oklch(0.764 0.133 15.5)

  WCAG contrast: on white 2.24:1 (Fail) · on black 9.35:1 (AAA)

• primary

  #C4567C

  #C4567C color page →

  RGB

  rgb(196 86 124)

  HSL

  hsl(339 48% 55%)

  OKLCH

  oklch(0.602 0.145 0.8)

  WCAG contrast: on white 4.22:1 (Fail) · on black 4.96:1 (AA)

• accent

  #802E71

  #802E71 color page →

  RGB

  rgb(128 46 113)

  HSL

  hsl(311 47% 34%)

  OKLCH

  oklch(0.444 0.14 335.5)

  WCAG contrast: on white 8.24:1 (AAA) · on black 2.54:1 (Fail)

• text

  #0B142A

  #0B142A color page →

  RGB

  rgb(11 20 42)

  HSL

  hsl(223 58% 10%)

  OKLCH

  oklch(0.196 0.046 265.6)

  WCAG contrast: on white 18.29:1 (AAA) · on black 1.14:1 (Fail)

Export Steady Fat Smooch Studio: CSS variables, Tailwind & JSON

:root {
  --bg: #f9dfda;
  --surface: #fb8d96;
  --primary: #c4567c;
  --accent: #802e71;
  --text: #0b142a;
}

@theme {
  --color-bg: #f9dfda;
  --color-surface: #fb8d96;
  --color-primary: #c4567c;
  --color-accent: #802e71;
  --color-text: #0b142a;
}

{
  "steady-fat-smooch-studio-5pm": {
    "bg": {
      "$type": "color",
      "$value": "#f9dfda"
    },
    "surface": {
      "$type": "color",
      "$value": "#fb8d96"
    },
    "primary": {
      "$type": "color",
      "$value": "#c4567c"
    },
    "accent": {
      "$type": "color",
      "$value": "#802e71"
    },
    "text": {
      "$type": "color",
      "$value": "#0b142a"
    }
  }
}