— #8c46dc
Recent

Color Harmony

WCAG Contrast Checker

Foreground
Background

Large text sample

Normal text — the quick brown fox jumps over the lazy dog.

—

contrast ratio

Scientific Color Spaces

Design Token Export

css 

        

      


      
      

        

          
Nearest Named Colors

          
        

        

          
        

      


      
      


        

          
Preset Palette Libraries

          
          

            
            
            
          

        


        

          
        


        

      


      
      

        

          
Color Vision Simulation

          
          
How your color appears under different vision conditions

        

        

          
        

        

          
        

      


      
      


        

          
CSS Gradient Builder

          
          

            
            
            
          

          

            
            
            
          

        


        

          
        


        

          
Stops

          

            
          

          
        


        

          

            css
            

              
            

          

          

        


      


      
      


        

          
Color Mixer

          
        


        

          

            Color A ↑ from picker
            

            #8c46dc
          


          

          

            Color B
            

            
          

        


        

          
        


      


      
      


        

          
OKLCH Tonal Scale

          
          

            
            
            11
          

        


        

          Each step holds your color's hue and chroma constant while spanning
          light → dark in perceptually even OKLCH increments.
          The marked swatch is closest to your source color.
        


        

          
        


      


      
      


        

          
Image Color Extraction

          
        


        

          
          
          
Drop an image here

          
or click to browse  ·  PNG, JPEG, GIF, WebP

        


        

          
or paste an image URL

          

            
            
          

          
        


        

        

          
        


      


      
      


        

          

            
Single Color

            
          

          

            
          

          

            
            
            
          

        


        

          

            
Palette

            Complementary
          

          

            
          

          

            
            
            
            
          

        


      


      

        

          
CSS Filter Generator

          
        

        
Generates a filter: chain to recolor a black (#000) SVG icon or element to this color. Paste directly into any CSS rule.

        

          

          

            
            
          

        

        

          

            

            Filter on #000
          

          
          

            

            Target