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.

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
        

    


    
    

        

            

                

                    
                    

                        

                        

                        
                        
                        
                    

                

                

                    
                    

                        

                        

                        
                        
                        
                    

                

            


            

                
            


            
            

                
                

    

                

            
    

            WCAG 2.1 Level AA - Compliant
        

        
        

            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.
        


            




                
                

    

                

            
    

            WCAG 2.1 Level AA - Partial Compliance
        

        
        

            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.
        


            




                
                

    

                

            
    

            WCAG 2.1 Level AA - Not Compliant
        

        
        

            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
                    

                

            


            
            

                

    

                

            
    

            WCAG 2.1 Accessibility Standards
        

        
        

            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!