#830a3a
#e34676
#842cbc
#510a7d
#58a9ff
#095db8
Kaleidoscope
#830a3a
#e34676
#842cbc
#510a7d
#58a9ff
#095db8
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
Red
Purple
Blue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #830a3a | rgb(131, 10, 58) | hsl(340 86% 28%) | hwb(340 3.9% 49%) | lch(28.2 49.8 8.45) | lab(28.2 49.2 7.31) | cmyk 0%, 92%, 56%, 49% | |
| #e34676 | rgb(227, 70, 118) | hsl(340 74% 58%) | hwb(340 27% 11%) | lch(54.6 64.2 8.51) | lab(54.6 63.5 9.5) | cmyk 0%, 69%, 48%, 11% | |
| #842cbc | rgb(132, 44, 188) | hsl(280 62% 45%) | hwb(280 17% 26%) | lch(37.8 81 313) | lab(37.8 55 -59.6) | cmyk 30%, 77%, 0%, 26% | |
| #510a7d | rgb(81, 10, 125) | hsl(280 85% 26%) | hwb(280 3.9% 51%) | lch(21.2 66.1 313) | lab(21.2 44.7 -48.7) | cmyk 35%, 92%, 0%, 51% | |
| #58a9ff | rgb(88, 169, 255) | hsl(210 100% 67%) | hwb(210 35% 0%) | lch(67 51.2 264) | lab(67 -5.21 -50.9) | cmyk 65%, 34%, 0%, 0% | |
| #095db8 | rgb(9, 93, 184) | hsl(210 91% 38%) | hwb(210 3.5% 28%) | lch(39.3 55.7 276) | lab(39.3 5.69 -55.4) | cmyk 95%, 49%, 0%, 28% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#830a3a
AAA - 10.14
#e34676
AA - 3.88
#842cbc
AA - 6.84
#510a7d
AAA - 12.43
#58a9ff
AA - 2.46
#095db8
AA - 6.42
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