OKLCH on 5.9% of sites, hex on 99.6%
How many websites use OKLCH in 2026?
5.9% of the most-linked websites write at least one color in oklch(), 59 of the 996 whose CSS writes a color, and oklch() values are 0.7% of all the color values in their CSS. Hex is still the web's notation: it is on 99.6% of the sites and makes up 81% of the values. Recolor (recolor.page), a website color changer, read the CSS of each home page as written on October 8, 2026.
Last updated
| Notation | Sites that use it | Share of all color values |
|---|---|---|
| Hex (#rrggbb) | 99.6% | 81% |
| rgb() and rgba() | 89% | 15% |
| Named colors | 75% | 1.2% |
| hsl() and hsla() | 37% | 1.3% |
| Channels in a variable | 16% | 0.7% |
| oklch() | 5.9% | 0.7% |
| oklab() | 2.3% | under 0.1% |
| lab() | 1.9% | 0.1% |
| color() | 1.2% | under 0.1% |
| hwb() | 0.2% | 0% |
| lch() | 0.1% | 0% |
OKLCH is on 5.9% of the sites
oklch() came with CSS Color 4 and works in every current browser; What OKLCH is
explains why palette tools moved to it. On the web's most-linked home pages it is still a minority: 59
of 996 sites write it at least once, and across all 1,181,518 color values the study read
it accounts for 0.7%. It is nonetheless the CSS Color 4 notation sites use most.
Share of sites. A site counts once for every notation it uses.
The numbers
| Notation | Sites using it | Share of sites | Share of all color values |
|---|---|---|---|
| Hex (#rrggbb) | 992 | 99.6% | 81% |
| rgb() and rgba() | 890 | 89% | 15% |
| Named colors | 745 | 75% | 1.2% |
| hsl() and hsla() | 372 | 37% | 1.3% |
| Channels in a variable | 164 | 16% | 0.7% |
| oklch() | 59 | 5.9% | 0.7% |
| oklab() | 23 | 2.3% | under 0.1% |
| lab() | 19 | 1.9% | 0.1% |
| color() | 12 | 1.2% | under 0.1% |
| hwb() | 2 | 0.2% | 0% |
| lch() | 1 | 0.1% | 0% |
Where the OKLCH comes from
Much of it comes with a framework. Tailwind CSS v4 writes its default color palette in oklch(), as
Tailwind v4 @theme colors from a palette shows, so a site
that uses Tailwind's colors writes OKLCH whether its designer chose it or not. Of the 59 sites that write
oklch(), 45 (76%) are on Tailwind CSS v4. Tailwind
itself is on 20% of all the sites, 37% of them on version 4.
Which sites write OKLCH
The highest-ranked sites that write oklch() somewhere in their CSS, in Majestic's order:
www.f5.com, www.shopify.com, calendly.com, www.cloudflare.com, www.rfc-editor.org, www.britannica.com, vercel.com, www.firefox.com, www.change.org, ico.org.uk. A site counts as soon as one of its color values is written in OKLCH, so the list
says who has started, not who has moved over. The study's methodology has how a notation is
counted.
The other new notations
lab() is on 1.9% of the sites, oklab() is on 2.3% of the sites, lch() is on 0.1% of the sites, color() is on 1.2% of the sites, hwb() is on 0.2% of the sites. The newer color functions spread
faster than the notations: color-mix() is on 22% of the sites, relative colors such as
rgb(from var(--brand) r g b / 50%) on 5.6% and light-dark() on
1.8%. 48% of the sites write nothing but hex codes, named colors
and rgb().
Hex is still the web's color
99.6% of the sites write at least one hex code, and hex is 81% of every
color value the study read; rgb() and rgba() add 15%. Hex covers sRGB only,
and the palettes most tools hand out are hex too, such as a Coolors palette turned into
CSS. OKLCH's strength is building tints and shades from one
color, where its lightness steps look even.
How it was measured
The study read each home page's CSS text as the site wrote it, not the browser's object model, which turns
every hex code into rgb(). It ran Recolor's own color tokenizer over the values of color properties and
custom properties, in every style sheet and style attribute, with the page's scripts off. A site counts once
for each notation it uses. The study has the other results and the data, and the
methodology every rule.
Common questions
Is OKLCH widely used on websites in 2026?
No, not yet: 5.9% of the most-linked sites write an oklch() color, against 99.6% for hex.
Is OKLCH the most used of the new CSS color notations?
Yes. oklch() is on 5.9% of the sites, more than lab(), oklab(), lch(), color() or hwb().
Do browsers support oklch() in 2026?
Yes. Every current browser supports oklch(), which CSS Color 4 defines; MDN lists it as widely available.
Does Tailwind CSS use OKLCH?
Yes. Tailwind CSS v4's default palette is written in oklch(); 76% of the sites in the study that write oklch() are on Tailwind v4.
Do large websites use OKLCH?
Yes, some. Among the most-linked sites that write oklch() are www.f5.com, www.shopify.com, calendly.com, www.cloudflare.com; all of them together are 5.9% of the sites measured.
Is hex still the most common way to write a color?
Yes. 99.6% of the sites use hex, and hex codes are 81% of all the color values in their CSS.
Can I see a hex palette in OKLCH?
Yes. Open the palette in Recolor and copy its Share page from Export: that page lists every color in OKLCH beside its hex code.
Sources
- The colors of the web 2026, Recolor recolor.page
- CSS Color Module Level 4, W3C w3.org
- CSS Color Module Level 5, W3C w3.org
- oklch(), MDN developer.mozilla.org
- Colors, Tailwind CSS tailwindcss.com