#ebeeff
#799cf0
#132fba
#fff6d2
Gelato
#ebeeff
#799cf0
#132fba
#fff6d2
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
Yellow
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #ebeeff | rgb(235, 238, 255) | hsl(230 100% 96%) | hwb(230 92% 0%) | lch(94.2 8.69 279) | lab(94.2 1.32 -8.59) | cmyk 8%, 7%, 0%, 0% | |
| #799cf0 | rgb(121, 156, 240) | hsl(220 80% 71%) | hwb(220 47% 5.9%) | lch(64.5 46.9 276) | lab(64.5 5.07 -46.7) | cmyk 50%, 35%, 0%, 6% | |
| #132fba | rgb(19, 47, 186) | hsl(230 81% 40%) | hwb(230 7.5% 27%) | lch(27.2 84.2 295) | lab(27.2 35.5 -76.3) | cmyk 90%, 75%, 0%, 27% | |
| #fff6d2 | rgb(255, 246, 210) | hsl(48 100% 91%) | hwb(48 82% 0%) | lch(96.9 18.6 93.4) | lab(96.9 -1.11 18.5) | cmyk 0%, 4%, 18%, 0% |
Click a color format to copy 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