Steady Fabulous Fawn Grove palette

Colors in Steady Fabulous Fawn Grove: HEX, RGB, HSL & OKLCH

• bg

  #FFF4F2

  #FFF4F2 color page →

  RGB

  rgb(255 244 242)

  HSL

  hsl(9 100% 97%)

  OKLCH

  oklch(0.975 0.012 29.9)

  WCAG contrast: on white 1.07:1 (Fail) · on black 19.47:1 (AAA)

• surface

  #FFD2CF

  #FFD2CF color page →

  RGB

  rgb(255 210 207)

  HSL

  hsl(4 100% 91%)

  OKLCH

  oklch(0.902 0.051 22.6)

  WCAG contrast: on white 1.36:1 (Fail) · on black 15.37:1 (AAA)

• primary

  #E8BC9E

  #E8BC9E color page →

  RGB

  rgb(232 188 158)

  HSL

  hsl(24 62% 76%)

  OKLCH

  oklch(0.827 0.065 55.9)

  WCAG contrast: on white 1.73:1 (Fail) · on black 12.11:1 (AAA)

• accent

  #D8ACBF

  #D8ACBF color page →

  RGB

  rgb(216 172 191)

  HSL

  hsl(334 36% 76%)

  OKLCH

  oklch(0.79 0.057 350.7)

  WCAG contrast: on white 1.98:1 (Fail) · on black 10.57:1 (AAA)

• text

  #443232

  #443232 color page →

  RGB

  rgb(68 50 50)

  HSL

  hsl(0 15% 23%)

  OKLCH

  oklch(0.338 0.026 18.5)

  WCAG contrast: on white 12.01:1 (AAA) · on black 1.74:1 (Fail)

Export Steady Fabulous Fawn Grove: CSS variables, Tailwind & JSON

:root {
  --bg: #fff4f2;
  --surface: #ffd2cf;
  --primary: #e8bc9e;
  --accent: #d8acbf;
  --text: #443232;
}

@theme {
  --color-bg: #fff4f2;
  --color-surface: #ffd2cf;
  --color-primary: #e8bc9e;
  --color-accent: #d8acbf;
  --color-text: #443232;
}

{
  "steady-fabulous-fawn-grove-21q": {
    "bg": {
      "$type": "color",
      "$value": "#fff4f2"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffd2cf"
    },
    "primary": {
      "$type": "color",
      "$value": "#e8bc9e"
    },
    "accent": {
      "$type": "color",
      "$value": "#d8acbf"
    },
    "text": {
      "$type": "color",
      "$value": "#443232"
    }
  }
}