Skip to main


Color contrast checker with Oklch, Oklab, P3, and more

OddContrast is a color format converter, featuring newer color formats like Oklch, Oklab, and the Display P3 color space. It’s also a color contrast checker to help designers meet WCAG 2 accessibility standards.

Try OddContrast »

In additional to Oklch, Oklab, and P3, OddContrast also includes hex, HSL, Lab, LCH, and sRGB. Enter a color from the available color formats and convert it to any other supported format. OddContrast provides an alert if the color you entered is out of gamut for a given color space. Adjust the sliders until your desired color is back in gamut.

Oklab purple color showing a message next to sRGB Formats that says
    Selected color is outside the sRGB gamut
    with a link to more detailed information

OddContrast checks the contrast ratio between two colors and displays pass or fail information based on the WCAG 2 accessibility standards for AA and AAA in normal and large font sizes. If you need a reminder of the contrast ratio requirements or what font size qualifies as large, OddContrast provides helpful tips and a link to learn more.

showing a purple background color and a peach foreground color
    with a 3.95:1 contrast ratio failing for AA Normal, AAA Normal,
    and AAA Large font sizes, but passing for AA Large font size

OddContrast is still in development. Let us know if you have a favorite feature you’d like to see in OddContrast. To receive updates when new features arrive, sign up for OddNews.

Upcoming Workshop

Mia from behind,
standing at a laptop -
speaking to a conference audience
and gesturing to one side

Cascading Style Systems

A workshop on resilient & maintainable CSS

New CSS features are shipping at an unprecedented rate – cascade layers, container queries, the :has() selector, subgrid, nesting, and so much more. It’s a good time to step back and understand how these tools fit together in a declarative system – a resilient cascade of styles.

Register for the October workshop »

Open Source Sponsors

Current Sponsors

A huge thank you to the individuals and organizations sponsoring OddBird’s open source work!

Blue-Footed Boobies

Open Collective Avatar for benface

Common Loons

Open Collective Avatar for Outline GbROpen Collective Avatar for Mat MarquisOpen Collective Avatar for ScheppOpen Collective Avatar for Paul van BuurenOpen Collective Avatar for JohannesOpen Collective Avatar for William KillerudOpen Collective Avatar for Nikita DubkoOpen Collective Avatar for ThijsOpen Collective Avatar for Eric PortisOpen Collective Avatar for Tyson Gach

Sponsor OddBird’s OSS Work

We love contributing back to the languages & tools that developers rely on, from CSS & Sass to browser polyfills and Python. Help us keep that work sustainable and focused on developer needs!