HWB to HEX Converter
Convert HWB color values to HEX format instantly. HEX is what most design tools and browsers accept for color input — this converter lets you work in HWB and export to hex whenever needed.
name, hex, rgb, hsl, hwb, cmyk, ncol
| Format | Value | |
|---|---|---|
| Hex | #e33500 | |
| Name | — | |
| RGB | rgb(227, 53, 0) | |
| HSL | hsl(14, 100%, 45%) | |
| HWB | hwb(14, 0%, 11%) | |
| CMYK | cmyk(0%, 77%, 100%, 11%) | |
| NCol | R23, 0%, 11% | |
| OKLCH | oklch(59.8% 0.2152 34.00) |
Lighter / Darker:
#ffebe5
#ffc8b8
#ffa58a
#ff825c
#ff5f2e
#ff3c00
#d13100
#a32600
#751b00
#471100
#1a0600
Pick a Color:
Related Color Converters
How to Use This Tool
Enter an HWB color in hwb(h, w%, b%) format — for example, hwb(14, 0%, 11%). The tool converts it to a standard HEX code. HWB (hue, whiteness, blackness) is a CSS-native format that intuitively maps to mixing white and black into a base hue. Click the hex value to copy it for use in CSS, Figma, or HTML. The shade bar shows hex tints and shades of your converted color.