Oklchroma

Only letters, numbers, hyphens (-) and underscores (_) are allowed
oklch(50.0% 0.200 240)

Preview

Click on a color to copy its CSS value to clipboard

CSS Variable Names

Base: --primary, --primary-base
Scale: --primary-10, --primary-20, --primary-30, --primary-40, --primary-50, --primary-60, --primary-70, --primary-80, --primary-90, --primary-100

Generated CSS