Sangría
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
HDR gradient
Switch to HDR to enhance the gradient
Quick view
Inspect colors in multiple color spaces
Colors overview
Red
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #5c2129 | rgb(92, 33, 41) | hsl(350 47% 25%) | hwb(350 13% 64%) | lch(22.3 29.6 18.5) | lab(22.3 28.1 9.37) | cmyk 0%, 64%, 55%, 64% | |
| #943c47 | rgb(148, 60, 71) | hsl(350 42% 41%) | hwb(350 24% 42%) | lch(38.2 40.7 18.8) | lab(38.2 38.5 13.1) | cmyk 0%, 59%, 52%, 42% | |
| #cc5765 | rgb(204, 87, 101) | hsl(350 53% 57%) | hwb(350 34% 20%) | lch(53 51 19) | lab(53 48.2 16.6) | cmyk 0%, 57%, 50%, 20% | |
| #e0827b | rgb(224, 130, 123) | hsl(4.2 62% 68%) | hwb(4.2 48% 12%) | lch(64.8 41.8 29.2) | lab(64.8 36.5 20.4) | cmyk 0%, 42%, 45%, 12% | |
| #f5ada1 | rgb(245, 173, 161) | hsl(8.6 81% 80%) | hwb(8.6 63% 3.9%) | lch(77.5 31.3 33.6) | lab(77.5 26.1 17.3) | cmyk 0%, 29%, 34%, 4% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#5C2129
AAA - 12.31
#943C47
AAA - 7
#CC5765
AA - 4.1
#E0827B
AA - 2.74
#F5ADA1
AA - 1.84
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