Color Converter
Paste or type any color (name, HEX, RGB, HSL, HWB, CMYK, NCol, or OKLCH) and instantly see all equivalent color formats.
name, hex, rgb, hsl, oklch, hwb, cmyk, ncol
| Format | Value | |
|---|---|---|
| Name | - | |
| Hex | #ff7a59 | |
| RGB | rgb(255, 122, 89) | |
| HSL | hsl(12, 100%, 67%) | |
| OKLCH | oklch(72.9% 0.1696 35.11) | |
| HWB | hwb(12, 35%, 0%) | |
| CMYK | cmyk(0%, 52%, 65%, 0%) | |
| NCol | R20, 35%, 0% |
Opacity:
100%Lighter / Darker:
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.
How to Use This Tool
Enter any color value in the input field - HEX (e.g. #ff7a59), RGB (e.g. rgb(255, 122, 89)), HSL, HWB, CMYK, or NCol - and the tool instantly converts it to every other format. You can also click any swatch in the palette below to load that color, or use your browser's native color picker by clicking the preview square. Once a color is loaded, click any format row in the table to copy its value to your clipboard. Use the lighter/darker shade bar on the right to explore tints and shades of the same hue.