#1a3d75
#95A5A6
#DEE2E6
#FFFFFF
Astromech
#1a3d75
#95A5A6
#DEE2E6
#FFFFFF
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
White
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #1a3d75 | rgb(26, 61, 117) | hsl(220 64% 28%) | oklab(37% -0.02 -0.1) | oklch(37% 0.1 260) | color(display-p3 0.14 0.24 0.44) | |
| #95a5a6 | rgb(149, 165, 166) | hsl(180 8.7% 62%) | oklab(71% -0.02 -0.01) | oklch(71% 0.02 200) | color(display-p3 0.6 0.65 0.65) | |
| #dee2e6 | rgb(222, 226, 230) | hsl(210 14% 89%) | oklab(91% 0 -0.01) | oklch(91% 0.01 250) | color(display-p3 0.87 0.89 0.9) | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) |
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.
#1a3d75
AAA - 10.66
#95A5A6
AA - 2.55
#DEE2E6
AA - 1.3
#FFFFFF
AA - 1
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