#ebeeff
#799cf0
#132fba
#fff6d2
Gelato
#ebeeff
#799cf0
#132fba
#fff6d2
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ebeeff | rgb(235, 238, 255) | hsl(230 100% 96%) | oklab(95% 0 -0.02) | oklch(95% 0.02 280) | color(display-p3 0.92 0.93 0.99) | |
| #799cf0 | rgb(121, 156, 240) | hsl(220 80% 71%) | oklab(70% -0.01 -0.13) | oklch(70% 0.13 270) | color(display-p3 0.5 0.61 0.92) | |
| #132fba | rgb(19, 47, 186) | hsl(230 81% 40%) | oklab(40% -0.02 -0.21) | oklch(40% 0.22 270) | color(display-p3 0.1 0.18 0.7) | |
| #fff6d2 | rgb(255, 246, 210) | hsl(48 100% 91%) | oklab(97% 0 0.05) | oklch(97% 0.05 96) | color(display-p3 0.99 0.97 0.84) |
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.
#ebeeff
AA - 1.15
#799cf0
AA - 2.68
#132fba
AAA - 9.79
#fff6d2
AA - 1.08
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