#1f1f1f
#4d4d4d
#ebebeb
#80a8ff
#296dff
Dodger
#1f1f1f
#4d4d4d
#ebebeb
#80a8ff
#296dff
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Black
Grey
Blue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #1f1f1f | rgb(31, 31, 31) | hsl(none 0% 12%) | hwb(none 12% 88%) | lch(11.8 0 none) | lab(11.8 0 0) | cmyk 0%, 0%, 0%, 88% | |
| #4d4d4d | rgb(77, 77, 77) | hsl(none 0% 30%) | hwb(none 30% 70%) | lch(32.7 0 none) | lab(32.7 0 0) | cmyk 0%, 0%, 0%, 70% | |
| #ebebeb | rgb(235, 235, 235) | hsl(none 0% 92%) | hwb(none 92% 7.8%) | lch(93 0 none) | lab(93 0 0) | cmyk 0%, 0%, 0%, 8% | |
| #80a8ff | rgb(128, 168, 255) | hsl(220 100% 75%) | hwb(220 50% 0%) | lch(68.7 48.3 275) | lab(68.7 4.03 -48.1) | cmyk 50%, 34%, 0%, 0% | |
| #296dff | rgb(41, 109, 255) | hsl(220 100% 58%) | hwb(220 16% 0%) | lch(48.9 83 285) | lab(48.9 21.8 -80) | cmyk 84%, 57%, 0%, 0% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#1f1f1f
AAA - 16.48
#4d4d4d
AAA - 8.45
#ebebeb
AA - 1.19
#80a8ff
AA - 2.34
#296dff
AA - 4.44
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