#490635
#80005C
#F1C40F
#F6E4C8
#FFF5EE
Core
#490635
#80005C
#F1C40F
#F6E4C8
#FFF5EE
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
Yellow
White
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #490635 | rgb(73, 6, 53) | hsl(320 85% 15%) | hwb(320 2.4% 71%) | lch(14.6 35.3 342) | lab(14.6 33.6 -10.9) | cmyk 0%, 92%, 27%, 71% | |
| #80005c | rgb(128, 0, 92) | hsl(320 100% 25%) | hwb(320 0% 50%) | lch(28 54.8 343) | lab(28 52.5 -15.8) | cmyk 0%, 100%, 28%, 50% | |
| #f1c40f | rgb(241, 196, 15) | hsl(48 89% 50%) | hwb(48 5.9% 5.5%) | lch(81.4 80.6 85.5) | lab(81.4 6.34 80.3) | cmyk 0%, 19%, 94%, 5% | |
| #f6e4c8 | rgb(246, 228, 200) | hsl(37 72% 87%) | hwb(37 78% 3.5%) | lch(91.5 16.4 79.1) | lab(91.5 3.1 16.1) | cmyk 0%, 7%, 19%, 4% | |
| #fff5ee | rgb(255, 245, 238) | hsl(25 100% 97%) | hwb(25 93% 0%) | lch(97.2 5.31 60.8) | lab(97.2 2.59 4.64) | cmyk 0%, 4%, 7%, 0% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#490635
AAA - 15.43
#80005C
AAA - 10.13
#F1C40F
AA - 1.66
#F6E4C8
AA - 1.24
#FFF5EE
AA - 1.07
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