#5540fb
#cbc4ff
#f4f4f7
#fb6b30
#15192b
Tech
#5540fb
#cbc4ff
#f4f4f7
#fb6b30
#15192b

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
ī½Purple
ī½White
ī½Orange
ī½Black
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
ī½ | #5540fb | rgb(85, 64, 251) | hsl(250 96% 62%) | hwb(250 25% 1.6%) | lch(40.5 105 299) | lab(40.5 51.2 -91.5) | cmyk 66%, 75%, 0%, 2% | |
ī½ | #cbc4ff | rgb(203, 196, 255) | hsl(250 100% 88%) | hwb(250 77% 0%) | lch(81.2 30.5 292) | lab(81.2 11.5 -28.3) | cmyk 20%, 23%, 0%, 0% | |
ī½ | #f4f4f7 | rgb(244, 244, 247) | hsl(240 16% 96%) | hwb(240 96% 3.1%) | lch(96.3 1.5 285) | lab(96.3 0.397 -1.45) | cmyk 1%, 1%, 0%, 3% | |
ī½ | #fb6b30 | rgb(251, 107, 48) | hsl(17 96% 59%) | hwb(17 19% 1.6%) | lch(63.5 80.1 47.6) | lab(63.5 54 59.1) | cmyk 0%, 57%, 81%, 2% | |
ī½ | #15192b | rgb(21, 25, 43) | hsl(230 34% 13%) | hwb(230 8.2% 83%) | lch(9.08 13.2 281) | lab(9.08 2.63 -13) | cmyk 51%, 42%, 0%, 83% |
ī Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#5540fb
AA - 5.97
ī
#cbc4ff
AA - 1.63
ī
#f4f4f7
AA - 1.09
ī
#fb6b30
AA - 2.89
ī
#15192b
AAA - 17.41
ī
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