Color Converter
Convert colors between HEX, RGB, HSL, and CMYK formats
Color Values
#3b82f6click to copyrgb(59, 130, 246)click to copyhsl(217, 91%, 60%)click to copycmyk(76%, 47%, 0%, 4%)click to copy--color-primary: #3b82f6;click to copyShades & Tints
Lightest to darkest. Click any swatch to copy its HEX value.
Color Harmonies
Complementary
Analogous
Triadic
Split-Complementary
Contrast Checker
Sample Text Preview
How to Use
Frequently Asked Questions
What is HEX color?
HEX color is a 6-digit hexadecimal representation of RGB color. Each pair of digits represents red, green, and blue intensity from 00 to FF (0-255).
What is the difference between RGB and HSL?
RGB defines color by mixing red, green, and blue light. HSL defines color by hue (0-360), saturation (0-100%), and lightness (0-100%). HSL is often more intuitive for humans.
What is CMYK?
CMYK stands for Cyan, Magenta, Yellow, and Key (black). It's a subtractive color model used in printing, unlike RGB which is additive (for screens).
What is a color harmony?
Color harmonies are combinations of colors based on their positions on the color wheel. Complementary colors are opposite, analogous are adjacent, triadic are evenly spaced at 120 degrees, and split-complementary uses two colors adjacent to the complement.
What is WCAG contrast ratio?
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios for text readability. AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text.