About new Colors

Convert, analyze, and harmonize colors

Rate Limit Reached

You have reached your usage limit.

Upgrade to continue Upgrade

Basic

Limited features

Upgrade

Pro

Unlimited features

Upgrade

💡 Upgrade your plan for higher limits.

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
        


            



            


            
            

                
                
                

                

                    
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

                            

                            
                        

                    

                


                
                
            


            
            

                

                    
                    
                    
                


                

                    
Generated Code

                    

                    
                

            

        


        
        

            Note: Harmonious colors may not always meet accessibility requirements. 
            Check contrast →