True Prairie Land Meadow palette

Colors in True Prairie Land Meadow: HEX, RGB, HSL & OKLCH

• bg

  #FAF8F6

  #FAF8F6 color page →

  RGB

  rgb(250 248 246)

  HSL

  hsl(30 29% 97%)

  OKLCH

  oklch(0.98 0.003 67.8)

  WCAG contrast: on white 1.05:1 (Fail) · on black 19.82:1 (AAA)

• surface

  #FFDAC6

  #FFDAC6 color page →

  RGB

  rgb(255 218 198)

  HSL

  hsl(21 100% 89%)

  OKLCH

  oklch(0.914 0.049 50.1)

  WCAG contrast: on white 1.30:1 (Fail) · on black 16.09:1 (AAA)

• primary

  #E8CF9D

  #E8CF9D color page →

  RGB

  rgb(232 207 157)

  HSL

  hsl(40 62% 76%)

  OKLCH

  oklch(0.863 0.071 84.4)

  WCAG contrast: on white 1.51:1 (Fail) · on black 13.84:1 (AAA)

• accent

  #DDB2B8

  #DDB2B8 color page →

  RGB

  rgb(221 178 184)

  HSL

  hsl(352 39% 78%)

  OKLCH

  oklch(0.804 0.05 8.9)

  WCAG contrast: on white 1.88:1 (Fail) · on black 11.13:1 (AAA)

• text

  #3E2F26

  #3E2F26 color page →

  RGB

  rgb(62 47 38)

  HSL

  hsl(23 24% 20%)

  OKLCH

  oklch(0.319 0.027 52.4)

  WCAG contrast: on white 12.80:1 (AAA) · on black 1.63:1 (Fail)

Export True Prairie Land Meadow: CSS variables, Tailwind & JSON

:root {
  --bg: #faf8f6;
  --surface: #ffdac6;
  --primary: #e8cf9d;
  --accent: #ddb2b8;
  --text: #3e2f26;
}

@theme {
  --color-bg: #faf8f6;
  --color-surface: #ffdac6;
  --color-primary: #e8cf9d;
  --color-accent: #ddb2b8;
  --color-text: #3e2f26;
}

{
  "true-prairie-land-meadow-1w": {
    "bg": {
      "$type": "color",
      "$value": "#faf8f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffdac6"
    },
    "primary": {
      "$type": "color",
      "$value": "#e8cf9d"
    },
    "accent": {
      "$type": "color",
      "$value": "#ddb2b8"
    },
    "text": {
      "$type": "color",
      "$value": "#3e2f26"
    }
  }
}