Steady Salmon Glow Brief palette

Colors in Steady Salmon Glow Brief: HEX, RGB, HSL & OKLCH

• bg

  #FAF4F6

  #FAF4F6 color page →

  RGB

  rgb(250 244 246)

  HSL

  hsl(340 37% 97%)

  OKLCH

  oklch(0.972 0.007 354.8)

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

• surface

  #FFD4E0

  #FFD4E0 color page →

  RGB

  rgb(255 212 224)

  HSL

  hsl(343 100% 92%)

  OKLCH

  oklch(0.91 0.05 359.5)

  WCAG contrast: on white 1.33:1 (Fail) · on black 15.74:1 (AAA)

• primary

  #F6BFB5

  #F6BFB5 color page →

  RGB

  rgb(246 191 181)

  HSL

  hsl(9 78% 84%)

  OKLCH

  oklch(0.851 0.065 30.3)

  WCAG contrast: on white 1.61:1 (Fail) · on black 13.03:1 (AAA)

• accent

  #DCB6CF

  #DCB6CF color page →

  RGB

  rgb(220 182 207)

  HSL

  hsl(321 35% 79%)

  OKLCH

  oklch(0.817 0.055 339)

  WCAG contrast: on white 1.80:1 (Fail) · on black 11.63:1 (AAA)

• text

  #493236

  #493236 color page →

  RGB

  rgb(73 50 54)

  HSL

  hsl(350 19% 24%)

  OKLCH

  oklch(0.345 0.034 7.5)

  WCAG contrast: on white 11.71:1 (AAA) · on black 1.79:1 (Fail)

Export Steady Salmon Glow Brief: CSS variables, Tailwind & JSON

:root {
  --bg: #faf4f6;
  --surface: #ffd4e0;
  --primary: #f6bfb5;
  --accent: #dcb6cf;
  --text: #493236;
}

@theme {
  --color-bg: #faf4f6;
  --color-surface: #ffd4e0;
  --color-primary: #f6bfb5;
  --color-accent: #dcb6cf;
  --color-text: #493236;
}

{
  "steady-salmon-glow-brief-2p6": {
    "bg": {
      "$type": "color",
      "$value": "#faf4f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffd4e0"
    },
    "primary": {
      "$type": "color",
      "$value": "#f6bfb5"
    },
    "accent": {
      "$type": "color",
      "$value": "#dcb6cf"
    },
    "text": {
      "$type": "color",
      "$value": "#493236"
    }
  }
}