OKLCH to HEX

Convert OKLCH color values to HEX instantly. Paste any OKLCH value into the free Color Converter and get the HEX equivalent (plus RGB, HSL, HSV, OKLCH and CMYK) with one click — all in your browser, nothing uploaded.

Convert any color →

Example

oklch(54% 0.25 293)→#7C3AED

OKLCH to HEX on common colours

The same conversion run on colours from across the wheel, black and white included — the ends of the range are where formats differ most. Click a name for that colour’s full breakdown.

Colour	OKLCH	HEX
Black	oklch(0% 0 0)	#000000
White	oklch(100% 0 90)	#FFFFFF
Slate 500	oklch(55% 0.04 257)	#64748B
Red 500	oklch(64% 0.21 25)	#EF4444
Lime 500	oklch(77% 0.2 131)	#84CC16
Green 500	oklch(72% 0.19 150)	#22C55E
Violet 500	oklch(61% 0.22 293)	#8B5CF6
Pink 500	oklch(66% 0.21 354)	#EC4899

About the formats

OKLCH. OKLCH is a modern, perceptually-uniform CSS color space (Lightness, Chroma, Hue).

HEX. HEX is a 6-digit hexadecimal code (e.g. #3B82F6) — the most common way to write colors in HTML/CSS.

Other conversions

HEX → RGB HEX → HSL HEX → HSV HEX → CMYK HEX → OKLCH RGB → HEX RGB → HSL RGB → HSV RGB → CMYK RGB → OKLCH HSL → HEX HSL → RGB HSL → HSV HSL → OKLCH HSL → CMYK HSV → HEX HSV → RGB HSV → HSL HSV → CMYK HSV → OKLCH CMYK → HEX CMYK → RGB CMYK → HSL CMYK → HSV CMYK → OKLCH OKLCH → RGB OKLCH → HSL OKLCH → HSV OKLCH → CMYK

Browse popular colors →

Try this conversion on a real color

Black White Slate 500 Gray 500 Zinc 500 Stone 500

OKLCH to HEX

OKLCH to HEX on common colours

About the formats

Other conversions

Related

Try this conversion on a real color