Social

Web code
Get CSS, SCSS, & Tailwind code for development
ī”
App tokens
Get Android, Flutter, Swift, & MAUI tokens
ļ
HDR gradient
Switch to HDR to enhance the gradient
ī¢
Quick view
Inspect colors in multiple color spaces
Colors overview
ī½Purple
ī½Purple
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
ī½ | #4e4ae4 | rgb(78, 74, 228) | hsl(240 74% 59%) | hwb(240 29% 11%) | lch(40.1 88.3 296) | lab(40.1 38.9 -79.2) | cmyk 66%, 68%, 0%, 11% | |
ī½ | #d3c4fc | rgb(211, 196, 252) | hsl(260 90% 88%) | hwb(260 77% 1.2%) | lch(81.8 29.1 298) | lab(81.8 13.6 -25.8) | cmyk 16%, 22%, 0%, 1% |
ī Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#4e4ae4
AA - 6.13
ī
#d3c4fc
AA - 1.6
ī
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.
īæ
32°
CPU
īæ
48°
GPU
ī
100%
Usage
ļ
¶
11°
Rain

70%
Storage
PWA prompt