HSB to CMYK Converter

Convert HSB (HSV) color values to CMYK for print with live sliders.

Enter a color

°
%
%
#3B82F6
 
  • HEX
  • RGB
  • HSL
  • HSB
  • HSV
  • CMYK
Copy CMYK 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 HSB to CMYK Converter

What is HSB to CMYK conversion?

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

It's the bridge from a color you picked in Photoshop or Figma to the ink mix a printer needs. Drag the Hue, Saturation, and Brightness sliders and the CMYK values update instantly. Keep in mind that screens can show colors no ink can match, so treat the result as a solid starting point and confirm with your print shop's color profile for an exact match.

How to Use This Tool

  1. Set your HSB color. Drag the Hue, Saturation, and Brightness sliders, or type exact values.
  2. Read the CMYK value. The four ink percentages appear at the top and update live.
  3. Or start from HEX. Paste a HEX code and the HSB sliders snap to match.
  4. Take what you need. Copy CMYK, HEX, RGB, or HSL, and explore the shades and harmonies.

Common Use Cases

  • Design to print: Convert a Photoshop or Figma HSB color into CMYK for printing.
  • Brand assets: Document a color in HSB for design and CMYK for print.
  • Ink estimate: The percentages hint at print coverage and cost.
  • Learning color models: See how a hue-based color maps to print inks.

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

Frequently Asked Questions

Is HSB the same as HSV?

Yes — HSB (Brightness) and HSV (Value) are two names for the same model, so the values you enter here work either way.

Will the printed color match my screen exactly?

Not always. Some vivid HSB colors fall outside the CMYK range a printer can reproduce and will look more muted in print. This is a standard, profile-free conversion; for a precise match use your printer's ICC profile.

What does the K in CMYK stand for?

K is the Key, or black, plate, used alongside cyan, magenta, and yellow for crisp text and deep darks.

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.