About new Colors

Professional color tools for designers and developers

Rate Limit Reached

You have exceeded the number of requests allowed in this time period. Please wait a moment before trying again.

Need more? Upgrade to a higher plan for increased limits and premium features. Upgrade

Basic

100 requests per minute

Upgrade

Pro

Unlimited requests

Upgrade

💡 Wait a few minutes and try again, or upgrade your plan for higher limits.

Error

HEX

RGB

CMYK

HSL

HSV

Generated Code

⚠️ WCAG Compliance Reminder: Before using these colors in production, verify that text/background contrast ratios meet WCAG 2.1 Level AA standards (4.5:1 for normal text, 3:1 for large text). This ensures compliance with ADA and Section 508 requirements. Check contrast here

Foreground

Background

Meets WCAG 2.1 Level AA standards for both normal and large text, referenced by the Americans with Disabilities Act (ADA) and Section 508. Safe for use on US government and commercial websites.

Meets WCAG 2.1 Level AA for large text only (18pt+). For full compliance, increase contrast to 4.5:1 for normal text and 3:1 for large text. Meets WCAG 2.1 Level AA for normal text only. For full compliance, increase contrast to 4.5:1 for normal text and 3:1 for large text.

Does not meet minimum contrast requirements for ADA or Section 508 compliance. Increase contrast to at least 4.5:1 for normal text or 3:1 for large text (18pt+).

AA Normal Text

AA Large Text

AAA Normal Text

AAA Large Text

Contrast Ratio

This is large text

This is normal text

Web Content Accessibility Guidelines (WCAG) 2.1 defines accessibility standards for web content. Level AA is the internationally recommended standard and required for US government websites (Section 508) and ADA compliance. Level AAA provides enhanced accessibility for specialized content.

Generated Code

Select a color harmony type. The first color is always your base (BASE), others are derived.

Opposite color on the color wheel (180°) 3 colors evenly spaced (120°) Adjacent colors on the wheel (±30°) 4 colors - two complementary pairs (90°) Colors next to the opposite color (150° and 210°) Lighter and darker variations of the same color

BASE

HEX

Generated Code

⚠️ WCAG Compliance Reminder: Harmony colors are aesthetically pleasing, but may not meet contrast requirements. Before using in production, verify that text/background contrast ratios meet WCAG 2.1 Level AA standards (4.5:1 for normal text, 3:1 for large text). This ensures ADA and Section 508 compliance. Check contrast here

Export colors from the Harmony tab or the current color

Copied to clipboard!