True Salmon Glow Garden palette

Colors in True Salmon Glow Garden: HEX, RGB, HSL & OKLCH

• bg

  #FCF4F6

  #FCF4F6 color page →

  RGB

  rgb(252 244 246)

  HSL

  hsl(345 57% 97%)

  OKLCH

  oklch(0.974 0.009 0.1)

  WCAG contrast: on white 1.08:1 (Fail) · on black 19.41:1 (AAA)

• surface

  #FFCEDA

  #FFCEDA color page →

  RGB

  rgb(255 206 218)

  HSL

  hsl(345 100% 90%)

  OKLCH

  oklch(0.897 0.057 1.9)

  WCAG contrast: on white 1.39:1 (Fail) · on black 15.09:1 (AAA)

• primary

  #F8B9AD

  #F8B9AD color page →

  RGB

  rgb(248 185 173)

  HSL

  hsl(10 84% 83%)

  OKLCH

  oklch(0.84 0.076 30.9)

  WCAG contrast: on white 1.67:1 (Fail) · on black 12.53:1 (AAA)

• accent

  #CBAACB

  #CBAACB color page →

  RGB

  rgb(203 170 203)

  HSL

  hsl(300 24% 73%)

  OKLCH

  oklch(0.777 0.059 326.1)

  WCAG contrast: on white 2.06:1 (Fail) · on black 10.15:1 (AAA)

• text

  #492B36

  #492B36 color page →

  RGB

  rgb(73 43 54)

  HSL

  hsl(338 26% 23%)

  OKLCH

  oklch(0.33 0.047 356.4)

  WCAG contrast: on white 12.48:1 (AAA) · on black 1.68:1 (Fail)

Export True Salmon Glow Garden: CSS variables, Tailwind & JSON

:root {
  --bg: #fcf4f6;
  --surface: #ffceda;
  --primary: #f8b9ad;
  --accent: #cbaacb;
  --text: #492b36;
}

@theme {
  --color-bg: #fcf4f6;
  --color-surface: #ffceda;
  --color-primary: #f8b9ad;
  --color-accent: #cbaacb;
  --color-text: #492b36;
}

{
  "true-salmon-glow-garden-50k": {
    "bg": {
      "$type": "color",
      "$value": "#fcf4f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffceda"
    },
    "primary": {
      "$type": "color",
      "$value": "#f8b9ad"
    },
    "accent": {
      "$type": "color",
      "$value": "#cbaacb"
    },
    "text": {
      "$type": "color",
      "$value": "#492b36"
    }
  }
}