CMYK to HSB Converter

Convert CMYK color values to HSB (HSV) with live, two-way sliders.

Enter a color

%
%
%
%
#3B82F6
 
  • HEX
  • RGB
  • HSL
  • HSB
  • HSV
  • CMYK
Copy HSB Copy Link

Contrast & Accessibility WCAG ratio of this color used as text

Aa ——on white
Aa ——on black

Shades & Tints click any swatch to load it

Shades (toward black)
Tints (toward white)

Color Harmonies based on the current Hue

Complementary
 
Analogous
  
Triadic
  
Split Complementary
  
Tetradic
   

About the CMYK to HSB Converter

What is CMYK to HSB conversion?

CMYK is the four-ink print model — Cyan, Magenta, Yellow, and Key (black). HSB — also called HSV — describes a color by Hue, Saturation, and Brightness, the model design apps use. This converter takes your CMYK percentages and returns the matching HSB, along with HEX, RGB, and HSL and a live preview.

It's the step from a print-defined color to one you can dial into Photoshop, Figma, or another design tool that works in HSB. Drag the C, M, Y, and K sliders and the HSB values update instantly. It all runs in your browser, so your colors stay private.

How to Use This Tool

  1. Set your CMYK color. Drag the Cyan, Magenta, Yellow, and Key sliders, or type 0–100% values.
  2. Read the HSB value. Hue, Saturation, and Brightness appear at the top and update live.
  3. Or start from HEX. Paste a HEX code and the CMYK sliders snap to match.
  4. Take what you need. Copy HSB, HEX, RGB, or HSL, and explore the shades and harmonies.

Common Use Cases

  • Print color into design tools: Convert a CMYK value to HSB for Photoshop or Figma.
  • Recreating artwork: Turn the CMYK from a print file into editable HSB values.
  • Style guides: List a color in CMYK for print and HSB for design.
  • Learning color models: See how subtractive inks map onto a hue-based model.

Need the reverse or another model? Use our HSB to CMYK converter, the CMYK to RGB converter, or browse all our free color tools.

Frequently Asked Questions

How do I convert CMYK to HSB?

Enter your Cyan, Magenta, Yellow, and Key percentages and the HSB result appears instantly. The tool converts CMYK to RGB first, then derives the Hue, Saturation, and Brightness.

Is HSB the same as HSV?

Yes. HSB (Brightness) and HSV (Value) are two names for the same model, so the output here works for either.

Is the conversion exact?

It's a standard mathematical conversion that's accurate for on-screen use. Since CMYK and screen color don't cover identical ranges, it isn't a color-managed print proof, but for digital work it's spot-on.

Is this tool free and private?

Completely. The conversion runs entirely in your browser with JavaScript, so your colors are never uploaded or logged, and it works offline once loaded.