palette & contrast lab

HSL harmonies, WCAG 2.1 contrast ratios & color vision auditor.

image

presets:

wcag 2.1 contrast

bg color

text color

ratio19.41:1

AA PASS

color vision mode

live preview

Sample paragraph rendering text against your selected background color.

Badge

tailwind shades (#7c5295)

tailwind config

colors: {
  bg: '#fbfaf7',
  fg: '#060606',
  accent: '#7c5295'
}

css variables

:root {
  --bg: #fbfaf7;
  --fg: #060606;
  --accent: #7c5295;
}