---
title: "Day 98: oklab() and oklch()"
url: https://daily.dev/posts/day-98-oklab-and-oklch--l1wjlck37
source_url: https://www.matuzo.at/blog/2023/100daysof-day98
type: article
source: "Manuel Matuzović"
published: 2026-06-22T14:42:04.639Z
updated: 2026-06-22T14:42:40.394Z
tags: ["css"]
reading_time: 2
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Day 98: oklab() and oklch()

**[Manuel Matuzović](https://daily.dev/sources/matuzo)** · 2 min read · 0 upvotes · 0 comments

## Summary

An introduction to the oklab() and oklch() CSS color functions, explaining why they exist as improved alternatives to lab() and lch(). The key issue with lab() and lch() is a bug that causes blue colors to appear purple — oklab() and oklch() fix this along with other improvements. The post also briefly recaps the difference between sRGB color space functions (rgb, hsl, hwb) and CIELAB color space functions (lab, lch), providing context for where oklab/oklch fit in modern CSS color tooling.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.matuzo.at/blog/2023/100daysof-day98>

## Similar posts on daily.dev

- [oklch\(\) in CSS: A Modern Approach to Color](https://daily.dev/posts/oklch-in-css-a-modern-approach-to-color-p60ewgyer) · Atomic Spin · 27 upvotes · 6 comments
- [A pragmatic guide to modern CSS colours - part two](https://daily.dev/posts/a-pragmatic-guide-to-modern-css-colours---part-two-xlpotvmhm) · Piccalilli · 20 upvotes · 1 comments
- [Modern CSS colors: oklch\(\) and color-mix\(\)](https://daily.dev/posts/modern-css-colors-oklch-and-color-mix--elb1blipu) · Flavio Copes · 11 upvotes · 0 comments

---

Tags: [#css](https://daily.dev/tags/css)

[View this post on daily.dev](https://daily.dev/posts/day-98-oklab-and-oklch--l1wjlck37)