Tactic
Actions
Explore the gradient in different formats, and actions.
Colors overview
Blue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #565be3 | rgb(86, 91, 227) | hsl(240 72% 61%) | hwb(240 34% 11%) | lch(44.6 77.5 293) | lab(44.6 30.3 -71.4) | cmyk 62%, 60%, 0%, 11% | |
| #0f167d | rgb(15, 22, 125) | hsl(240 79% 27%) | hwb(240 5.9% 51%) | lch(15.1 66.6 298) | lab(15.1 30.8 -59) | cmyk 88%, 82%, 0%, 51% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#565be3
AA - 5.24
#0f167d
AAA - 14.67
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.
32°
CPU
48°
GPU
100%
Usage
11°
Rain
70%
Storage
PWA prompt