#ff5c5c
#ff8585
#ffffff
#ffbd42
#4f4f4f
Music
#ff5c5c
#ff8585
#ffffff
#ffbd42
#4f4f4f

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
ī½Orange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
ī½ | #ff5c5c | rgb(255, 92, 92) | hsl(0 100% 68%) | hwb(0 36% 0%) | lch(62.1 72.2 29.5) | lab(62.1 62.9 35.5) | cmyk 0%, 64%, 64%, 0% | |
ī½ | #ff8585 | rgb(255, 133, 133) | hsl(0 100% 76%) | hwb(0 52% 0%) | lch(69.8 52.3 25.4) | lab(69.8 47.3 22.4) | cmyk 0%, 48%, 48%, 0% | |
ī½ | #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | hwb(none 100% 0%) | lch(100 0 none) | lab(100 0 0) | cmyk 0%, 0%, 0%, 0% | |
ī½ | #ffbd42 | rgb(255, 189, 66) | hsl(39 100% 63%) | hwb(39 26% 0%) | lch(81.3 70.1 76.3) | lab(81.3 16.6 68.1) | cmyk 0%, 26%, 74%, 0% | |
ī½ | #4f4f4f | rgb(79, 79, 79) | hsl(none 0% 31%) | hwb(none 31% 69%) | lch(33.6 0 none) | lab(33.6 0 0) | cmyk 0%, 0%, 0%, 69% |
ī Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#ff5c5c
AA - 3.02
ī
#ff8585
AA - 2.34
ī
#ffffff
AA - 1
ī
#ffbd42
AA - 1.66
ī
#4f4f4f
AAA - 8.19
ī
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