Pure Pink Archive palette

Colors in Pure Pink Archive: HEX, RGB, HSL & OKLCH

• bg

  #F7EDF5

  #F7EDF5 color page →

  RGB

  rgb(247 237 245)

  HSL

  hsl(312 38% 95%)

  OKLCH

  oklch(0.956 0.015 332.2)

  WCAG contrast: on white 1.14:1 (Fail) · on black 18.38:1 (AAA)

• surface

  #FFD5F4

  #FFD5F4 color page →

  RGB

  rgb(255 213 244)

  HSL

  hsl(316 100% 92%)

  OKLCH

  oklch(0.918 0.062 335.5)

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

• primary

  #FFBCCB

  #FFBCCB color page →

  RGB

  rgb(255 188 203)

  HSL

  hsl(347 100% 87%)

  OKLCH

  oklch(0.861 0.079 4.1)

  WCAG contrast: on white 1.57:1 (Fail) · on black 13.30:1 (AAA)

• accent

  #CAB1D5

  #CAB1D5 color page →

  RGB

  rgb(202 177 213)

  HSL

  hsl(282 30% 76%)

  OKLCH

  oklch(0.793 0.057 315.6)

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

• text

  #413040

  #413040 color page →

  RGB

  rgb(65 48 64)

  HSL

  hsl(304 15% 22%)

  OKLCH

  oklch(0.335 0.036 328.3)

  WCAG contrast: on white 12.19:1 (AAA) · on black 1.72:1 (Fail)

Export Pure Pink Archive: CSS variables, Tailwind & JSON

:root {
  --bg: #f7edf5;
  --surface: #ffd5f4;
  --primary: #ffbccb;
  --accent: #cab1d5;
  --text: #413040;
}

@theme {
  --color-bg: #f7edf5;
  --color-surface: #ffd5f4;
  --color-primary: #ffbccb;
  --color-accent: #cab1d5;
  --color-text: #413040;
}

{
  "pure-pink-archive-42r": {
    "bg": {
      "$type": "color",
      "$value": "#f7edf5"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffd5f4"
    },
    "primary": {
      "$type": "color",
      "$value": "#ffbccb"
    },
    "accent": {
      "$type": "color",
      "$value": "#cab1d5"
    },
    "text": {
      "$type": "color",
      "$value": "#413040"
    }
  }
}