#255dce
#1c9fe7
#ffffff
#fafbfe
#6c757d
Colorffy
#255dce
#1c9fe7
#ffffff
#fafbfe
#6c757d
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
Blue
White
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #255dce | rgb(37, 93, 206) | hsl(220 70% 48%) | hwb(220 15% 19%) | lch(41.2 66.7 283) | lab(41.2 15.2 -65) | cmyk 82%, 55%, 0%, 19% | |
| #1c9fe7 | rgb(28, 159, 231) | hsl(200 81% 51%) | hwb(200 11% 9.4%) | lch(61.6 48.7 253) | lab(61.6 -14.5 -46.5) | cmyk 88%, 31%, 0%, 9% | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | hwb(none 100% 0%) | lch(100 0 none) | lab(100 0 0) | cmyk 0%, 0%, 0%, 0% | |
| #fafbfe | rgb(250, 251, 254) | hsl(230 67% 99%) | hwb(230 98% 0.39%) | lch(98.6 1.56 272) | lab(98.6 0.054 -1.56) | cmyk 2%, 1%, 0%, 0% | |
| #6c757d | rgb(108, 117, 125) | hsl(210 7.3% 46%) | hwb(210 42% 51%) | lch(48.7 6.04 249) | lab(48.7 -2.18 -5.64) | cmyk 14%, 6%, 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.
#255dce
AA - 5.93
#1c9fe7
AA - 2.93
#ffffff
AA - 1
#fafbfe
AA - 1.03
#6c757d
AA - 4.68
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