OKLCH to HSL Converter
Convert OKLCH color values to HSL format instantly. HSL is widely understood and supported everywhere - use this tool to translate your OKLCH-defined colors into the familiar hue, saturation, and lightness model for broader compatibility.
name, hex, rgb, hsl, oklch, hwb, cmyk, ncol
| Format | Value | |
|---|---|---|
| HSL | hsl(6, 87%, 63%) | |
| Name | - | |
| Hex | #f35f50 | |
| RGB | rgb(243, 95, 80) | |
| OKLCH | oklch(67.4% 0.1849 28.69) | |
| HWB | hwb(6, 31%, 5%) | |
| CMYK | cmyk(0%, 61%, 67%, 5%) | |
| NCol | R10, 31%, 5% |
Opacity:
100%Lighter / Darker:
hsl(0, 0%, 100%)
hsl(5, 85%, 95%)
hsl(6, 86%, 86%)
hsl(6, 86%, 77%)
hsl(6, 87%, 68%)
hsl(6, 87%, 59%)
hsl(6, 87%, 50%)
hsl(6, 87%, 41%)
hsl(6, 87%, 32%)
hsl(6, 86%, 23%)
hsl(6, 86%, 14%)
hsl(5, 85%, 5%)
hsl(0, 0%, 0%)
Contrast Checker
WCAG contrast ratios for this color as text on white and black - and for white and black text on this color as background.
Hey thereHave a wonderful day.
Contrast Ratio 3.20:1
AAAA LargeAAAAAA Large
Hey thereHave a wonderful day.
Contrast Ratio 6.56:1
AAAA LargeAAAAAA Large
Hey thereHave a wonderful day.
Contrast Ratio 3.20:1
AAAA LargeAAAAAA Large
Hey thereHave a wonderful day.
Contrast Ratio 6.56:1
AAAA LargeAAAAAA Large