#686cf2
#9496ff
#dbdbf4
#f0f1ff
#f2b408
Cornflower
#686cf2
#9496ff
#dbdbf4
#f0f1ff
#f2b408
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 |
---|---|---|---|---|---|---|---|---|
| #686cf2 | rgb(104, 108, 242) | hsl(240 84% 68%) | hwb(240 41% 5.1%) | lch(50.9 74.9 292) | lab(50.9 28.2 -69.4) | cmyk 57%, 55%, 0%, 5% | |
| #9496ff | rgb(148, 150, 255) | hsl(240 100% 79%) | hwb(240 58% 0%) | lch(65.4 56.5 290) | lab(65.4 18.9 -53.3) | cmyk 42%, 41%, 0%, 0% | |
| #dbdbf4 | rgb(219, 219, 244) | hsl(240 53% 91%) | hwb(240 86% 4.3%) | lch(88 12.8 286) | lab(88 3.54 -12.3) | cmyk 10%, 10%, 0%, 4% | |
| #f0f1ff | rgb(240, 241, 255) | hsl(240 100% 97%) | hwb(240 94% 0%) | lch(95.4 7.06 283) | lab(95.4 1.56 -6.88) | cmyk 6%, 5%, 0%, 0% | |
| #f2b408 | rgb(242, 180, 8) | hsl(44 94% 49%) | hwb(44 3.1% 5.1%) | lch(77.6 80 79.4) | lab(77.6 14.6 78.6) | cmyk 0%, 26%, 97%, 5% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#686cf2
AA - 4.18
#9496ff
AA - 2.6
#dbdbf4
AA - 1.35
#f0f1ff
AA - 1.12
#f2b408
AA - 1.85
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