#A0522D
#E97451
#F2D7D5
#B08D8F
#50404D
Altar
#A0522D
#E97451
#F2D7D5
#B08D8F
#50404D
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
Orange
Brown
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #a0522d | rgb(160, 82, 45) | hsl(19 56% 40%) | hwb(19 18% 37%) | lch(44.3 47.7 49.6) | lab(44.3 30.9 36.3) | cmyk 0%, 49%, 72%, 37% | |
| #e97451 | rgb(233, 116, 81) | hsl(14 78% 62%) | hwb(14 32% 8.6%) | lch(62.6 60.4 42.8) | lab(62.6 44.3 41.1) | cmyk 0%, 50%, 65%, 9% | |
| #f2d7d5 | rgb(242, 215, 213) | hsl(4.1 53% 89%) | hwb(4.1 84% 5.1%) | lch(88.2 10.5 26) | lab(88.2 9.43 4.6) | cmyk 0%, 11%, 12%, 5% | |
| #b08d8f | rgb(176, 141, 143) | hsl(360 18% 62%) | hwb(360 55% 31%) | lch(62 14.5 16.9) | lab(62 13.9 4.23) | cmyk 0%, 20%, 19%, 31% | |
| #50404d | rgb(80, 64, 77) | hsl(310 11% 28%) | hwb(310 25% 69%) | lch(29.2 10.4 330) | lab(29.2 9.09 -5.15) | cmyk 0%, 20%, 4%, 69% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#A0522D
AA - 5.61
#E97451
AA - 2.96
#F2D7D5
AA - 1.35
#B08D8F
AA - 2.97
#50404D
AAA - 9.62
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