About new Colors
Convert, analyze, and harmonize colors
An error occurred
HEX
RGB
CMYK
HSL
HSV
Generated Code
Tip: Always check color contrast for accessibility.
Check contrast →
Excellent Contrast
This color combination meets WCAG AA requirements for both normal and large text.
Limited Compliance
This combination only passes for large text (18pt+ or 14pt bold).
This combination passes for normal text but fails for large text requirements.
Insufficient Contrast
This color combination does not meet WCAG AA requirements. Consider adjusting your colors.
AA Normal
AA Large
AAA Normal
AAA Large
Contrast Ratio
Large Text Sample
Normal text sample - this is how your text will appear with these colors.
WCAG 2.1 Guidelines
AA Normal: Minimum 4.5:1 ratio for normal text
AA Large: Minimum 3:1 ratio for large text (18pt+ or 14pt bold)
AAA Normal: Enhanced 7:1 ratio for normal text
AAA Large: Enhanced 4.5:1 ratio for large text
AA Large: Minimum 3:1 ratio for large text (18pt+ or 14pt bold)
AAA Normal: Enhanced 7:1 ratio for normal text
AAA Large: Enhanced 4.5:1 ratio for large text
Generated Code
Generate harmonious color palettes based on color theory.
Colors opposite on the color wheel. Creates high contrast and visual interest. Three colors equally spaced on the wheel. Vibrant and balanced. Adjacent colors on the wheel. Harmonious and pleasing to the eye. Four colors forming a rectangle. Rich and diverse palette. Base color plus two adjacent to its complement. High contrast with less tension. Variations of the same hue with different lightness levels.
Base
HEX
HEX
Generated Code
Note: Harmonious colors may not always meet accessibility requirements.
Check contrast →