#e36b58
#7d7d7d
#8f9bc4
#ced6f2
#fffaf2
#e36b58
#7d7d7d
#8f9bc4
#ced6f2
#fffaf2
Flat 2
Colors overview
Orange
Blue
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#e36b58
AA - 3.22
#7d7d7d
AA - 4.11
#8f9bc4
AA - 2.74
#ced6f2
AA - 1.44
#fffaf2
AA - 1.03
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with protanopia
Colors preview as palette with protanopia
UI components preview
Preview the gradient in different UI components.
PWA prompt