Clear Blushing Cinnamon Ribbon palette

Colors in Clear Blushing Cinnamon Ribbon: HEX, RGB, HSL & OKLCH

• bg

  #FDF7F6

  #FDF7F6 color page →

  RGB

  rgb(253 247 246)

  HSL

  hsl(9 64% 98%)

  OKLCH

  oklch(0.98 0.007 28.8)

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

• surface

  #F3CCCA

  #F3CCCA color page →

  RGB

  rgb(243 204 202)

  HSL

  hsl(3 63% 87%)

  OKLCH

  oklch(0.878 0.044 21.5)

  WCAG contrast: on white 1.46:1 (Fail) · on black 14.30:1 (AAA)

• primary

  #F9BE9C

  #F9BE9C color page →

  RGB

  rgb(249 190 156)

  HSL

  hsl(22 89% 79%)

  OKLCH

  oklch(0.847 0.082 51.2)

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

• accent

  #D5AFC5

  #D5AFC5 color page →

  RGB

  rgb(213 175 197)

  HSL

  hsl(325 31% 76%)

  OKLCH

  oklch(0.794 0.053 342.7)

  WCAG contrast: on white 1.95:1 (Fail) · on black 10.76:1 (AAA)

• text

  #3E2526

  #3E2526 color page →

  RGB

  rgb(62 37 38)

  HSL

  hsl(358 25% 19%)

  OKLCH

  oklch(0.297 0.038 17)

  WCAG contrast: on white 14.02:1 (AAA) · on black 1.49:1 (Fail)

Export Clear Blushing Cinnamon Ribbon: CSS variables, Tailwind & JSON

:root {
  --bg: #fdf7f6;
  --surface: #f3ccca;
  --primary: #f9be9c;
  --accent: #d5afc5;
  --text: #3e2526;
}

@theme {
  --color-bg: #fdf7f6;
  --color-surface: #f3ccca;
  --color-primary: #f9be9c;
  --color-accent: #d5afc5;
  --color-text: #3e2526;
}

{
  "clear-blushing-cinnamon-ribbon-6hk": {
    "bg": {
      "$type": "color",
      "$value": "#fdf7f6"
    },
    "surface": {
      "$type": "color",
      "$value": "#f3ccca"
    },
    "primary": {
      "$type": "color",
      "$value": "#f9be9c"
    },
    "accent": {
      "$type": "color",
      "$value": "#d5afc5"
    },
    "text": {
      "$type": "color",
      "$value": "#3e2526"
    }
  }
}