#4a11be
#ba9ae5
#f7df84
#f3cc3c
Club
#4a11be
#ba9ae5
#f7df84
#f3cc3c
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
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #4a11be | rgb(74, 17, 190) | hsl(260 84% 41%) | hwb(260 6.7% 25%) | lch(26.9 96 305) | lab(26.9 54.5 -79.1) | cmyk 61%, 91%, 0%, 25% | |
| #ba9ae5 | rgb(186, 154, 229) | hsl(270 59% 75%) | hwb(270 60% 10%) | lch(68.6 40.9 305) | lab(68.6 23.2 -33.7) | cmyk 19%, 33%, 0%, 10% | |
| #f7df84 | rgb(247, 223, 132) | hsl(47 88% 74%) | hwb(47 52% 3.1%) | lch(89.4 47.5 90.1) | lab(89.4 -0.072 47.5) | cmyk 0%, 10%, 47%, 3% | |
| #f3cc3c | rgb(243, 204, 60) | hsl(47 88% 59%) | hwb(47 24% 4.7%) | lch(83.7 71.9 86.8) | lab(83.7 4.06 71.8) | cmyk 0%, 16%, 75%, 5% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#4a11be
AAA - 9.92
#ba9ae5
AA - 2.37
#f7df84
AA - 1.32
#f3cc3c
AA - 1.55
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