Loading...
Enter a color in HEX, RGB, HSL or pick it from the visual selector to get exact conversions in all formats. Color harmonies are calculated automatically (complementary, analogous, triadic).
Free, no account required, browser processing and no server upload.
Enter a color in HEX, RGB, HSL or pick it from the visual selector to get exact conversions in all formats. Color harmonies are calculated automatically (complementary, analogous, triadic).
Supported formats
HEX
#2F4A3F
CSS, HTML, designs
RGB
rgb(47,74,63)
Classic web development
HSL
hsl(150,22%,24%)
Intuitive adjustments (hue, saturation, lightness)
Harmonies are calculated from the hue (HSL). For accessible design, check the contrast of complementary colors: some pairs (green/red) are difficult for colorblind users.
You have a green (#2F4A3F) and want a complementary color for a CTA button. The tool automatically calculates the complement: a burgundy red (#4A2F3F). Test contrast for accessibility.