Warm
Actions
Explore the gradient in different formats, and actions.
Colors overview
Pink
Orange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #d41e67 | rgb(212, 30, 103) | hsl(340 75% 47%) | hwb(340 12% 17%) | lch(47.5 69.9 6.7) | lab(47.5 69.4 8.15) | cmyk 0%, 86%, 51%, 17% | |
| #bd3b1b | rgb(189, 59, 27) | hsl(12 75% 42%) | hwb(12 11% 26%) | lch(45 70.7 42.8) | lab(45 51.8 48.1) | cmyk 0%, 69%, 86%, 26% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#d41e67
AA - 5.02
#bd3b1b
AA - 5.51
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