Crocus
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
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #b33beb | rgb(179, 59, 235) | hsl(280 81% 58%) | hwb(280 23% 7.8%) | lch(49.7 94.8 315) | lab(49.7 67.2 -66.9) | cmyk 24%, 75%, 0%, 8% | |
| #ca5dfc | rgb(202, 93, 252) | hsl(280 96% 68%) | hwb(280 36% 1.2%) | lch(58.9 87.3 315) | lab(58.9 61.9 -61.5) | cmyk 20%, 63%, 0%, 1% | |
| #be73ff | rgb(190, 115, 255) | hsl(270 100% 73%) | hwb(270 45% 0%) | lch(61.5 76.8 310) | lab(61.5 49.1 -59.1) | cmyk 25%, 55%, 0%, 0% | |
| #c28cff | rgb(194, 140, 255) | hsl(270 100% 77%) | hwb(270 55% 0%) | lch(67.2 62.6 307) | lab(67.2 37.6 -50.1) | cmyk 24%, 45%, 0%, 0% | |
| #d1a8ff | rgb(209, 168, 255) | hsl(270 100% 83%) | hwb(270 66% 0%) | lch(75 46.8 306) | lab(75 27.7 -37.7) | cmyk 18%, 34%, 0%, 0% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#b33beb
AA - 4.42
#ca5dfc
AA - 3.23
#be73ff
AA - 2.96
#c28cff
AA - 2.47
#d1a8ff
AA - 1.95
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