#514646
#dad3c7
#fff5f1
#e5f7ec
#fff2cd
#514646
#dad3c7
#fff5f1
#e5f7ec
#fff2cd
Harmony
Colors overview
Brown
Cyan
Yellow
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#514646
AAA - 9.07
#dad3c7
AA - 1.48
#fff5f1
AA - 1.07
#e5f7ec
AA - 1.11
#fff2cd
AA - 1.11
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