#255dce
#1c9fe7
#ffffff
#fafbfe
#6c757d
Colorffy
#255dce
#1c9fe7
#ffffff
#fafbfe
#6c757d
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #255dce | rgb(37, 93, 206) | hsl(220 70% 48%) | oklab(51% -0.03 -0.18) | oklch(51% 0.19 260) | color(display-p3 0.2 0.36 0.78) | |
| #1c9fe7 | rgb(28, 159, 231) | hsl(200 81% 51%) | oklab(67% -0.07 -0.13) | oklch(67% 0.15 240) | color(display-p3 0.3 0.61 0.88) | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) | |
| #fafbfe | rgb(250, 251, 254) | hsl(230 67% 99%) | oklab(99% 0 0) | oklch(99% 0 270) | color(display-p3 0.98 0.98 0.99) | |
| #6c757d | rgb(108, 117, 125) | hsl(210 7.3% 46%) | oklab(56% -0.01 -0.01) | oklch(56% 0.02 240) | color(display-p3 0.43 0.46 0.49) |
Click on a color value to copy it 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