True Smoked Salmon Dune palette

Colors in True Smoked Salmon Dune: HEX, RGB, HSL & OKLCH

• bg

  #FFE6DD

  #FFE6DD color page →

  RGB

  rgb(255 230 221)

  HSL

  hsl(16 100% 93%)

  OKLCH

  oklch(0.943 0.03 40.9)

  WCAG contrast: on white 1.19:1 (Fail) · on black 17.61:1 (AAA)

• surface

  #F68576

  #F68576 color page →

  RGB

  rgb(246 133 118)

  HSL

  hsl(7 88% 71%)

  OKLCH

  oklch(0.738 0.141 28.8)

  WCAG contrast: on white 2.46:1 (Fail) · on black 8.53:1 (AAA)

• primary

  #C45870

  #C45870 color page →

  RGB

  rgb(196 88 112)

  HSL

  hsl(347 48% 56%)

  OKLCH

  oklch(0.601 0.14 8.4)

  WCAG contrast: on white 4.21:1 (Fail) · on black 4.97:1 (AA)

• accent

  #893067

  #893067 color page →

  RGB

  rgb(137 48 103)

  HSL

  hsl(323 48% 36%)

  OKLCH

  oklch(0.456 0.136 345.8)

  WCAG contrast: on white 7.82:1 (AAA) · on black 2.68:1 (Fail)

• text

  #121231

  #121231 color page →

  RGB

  rgb(18 18 49)

  HSL

  hsl(240 46% 13%)

  OKLCH

  oklch(0.203 0.06 279.6)

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

Export True Smoked Salmon Dune: CSS variables, Tailwind & JSON

:root {
  --bg: #ffe6dd;
  --surface: #f68576;
  --primary: #c45870;
  --accent: #893067;
  --text: #121231;
}

@theme {
  --color-bg: #ffe6dd;
  --color-surface: #f68576;
  --color-primary: #c45870;
  --color-accent: #893067;
  --color-text: #121231;
}

{
  "true-smoked-salmon-dune-te": {
    "bg": {
      "$type": "color",
      "$value": "#ffe6dd"
    },
    "surface": {
      "$type": "color",
      "$value": "#f68576"
    },
    "primary": {
      "$type": "color",
      "$value": "#c45870"
    },
    "accent": {
      "$type": "color",
      "$value": "#893067"
    },
    "text": {
      "$type": "color",
      "$value": "#121231"
    }
  }
}