OKLCH to HEX Converter
Paste a OKLCH value and get the exact HEX equivalent instantly — plus every other color format, a gamut check and one-click copy.
Gamut: srgb
Common OKLCH → HEX values
| Vivid Indigo | oklch(0.5854 0.2041 277.12) | #6366f1 | Details |
| Vivid Red | oklch(0.6368 0.2078 25.33) | #ef4444 | Details |
| Orange | oklch(0.7049 0.1867 47.6) | #f97316 | Details |
| Light Yellow | oklch(0.7952 0.1617 86.05) | #eab308 | Details |
| Vivid Green | oklch(0.7227 0.192 149.58) | #22c55e | Details |
| Teal | oklch(0.7038 0.123 182.5) | #14b8a6 | Details |
| Sky Blue | oklch(0.6847 0.1479 237.32) | #0ea5e9 | Details |
| Blue | oklch(0.6231 0.188 259.81) | #3b82f6 | Details |
| Vivid Violet | oklch(0.6056 0.2189 292.72) | #8b5cf6 | Details |
| Vivid Pink | oklch(0.6559 0.2118 354.31) | #ec4899 | Details |
| Medium Gray | oklch(0.5534 0.0116 58.07) | #78716c | Details |
| Black | oklch(0 0 0) | #000000 | Details |
What clamping actually does
When an OKLCH color sits outside sRGB, the conversion walks chroma down while holding lightness and hue, which keeps the color recognisable instead of shifting its hue.
Authoring in OKLCH, shipping HEX
A common workflow is to design the ramp in OKLCH — where the steps are even — then export HEX for design tools and older pipelines. Both values describe the same intent; only the precision differs.
Keeping wide-gamut punch
If a color needs Display-P3, ship the OKLCH or color(display-p3 …) value and let the browser clamp for narrower screens, rather than baking in the duller HEX.
Frequently asked questions
- Why is my OKLCH color clamped when converted to HEX?
- OKLCH can describe colors outside sRGB. When a chroma value is higher than sRGB can render, the HEX result is the nearest sRGB color, so it looks slightly less saturated.
- What OKLCH chroma is safe for sRGB?
- It depends on hue and lightness. Around 0.15 is safe almost everywhere; beyond about 0.25 many hues leave sRGB. The gamut badge tells you exactly which case you are in.
- Do I need a HEX fallback for oklch() in 1970?
- Not for current browsers. Keep one only if your analytics still show meaningful traffic from pre-2023 versions.