#022859
#034AA6
#D4D4D4
#F2F2F2
#ff7a81
#022859
#034AA6
#D4D4D4
#F2F2F2
#ff7a81
R2
Colors overview
Blue
White
Red
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#022859
AAA - 14.47
#034AA6
AAA - 8.28
#D4D4D4
AA - 1.48
#F2F2F2
AA - 1.11
#ff7a81
AA - 2.51
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