#5F381B
#B28D58
#F2D6A6
#faf4e6
Eagle
#5F381B
#B28D58
#F2D6A6
#faf4e6
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
Brown
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #5f381b | rgb(95, 56, 27) | hsl(26 56% 24%) | hwb(26 11% 63%) | lch(28 29.8 58.2) | lab(28 15.7 25.3) | cmyk 0%, 41%, 72%, 63% | |
| #b28d58 | rgb(178, 141, 88) | hsl(35 37% 52%) | hwb(35 35% 30%) | lch(61.3 35.1 74.1) | lab(61.3 9.58 33.7) | cmyk 0%, 21%, 51%, 30% | |
| #f2d6a6 | rgb(242, 214, 166) | hsl(38 75% 80%) | hwb(38 65% 5.1%) | lch(87.1 28 79.7) | lab(87.1 4.99 27.5) | cmyk 0%, 12%, 31%, 5% | |
| #faf4e6 | rgb(250, 244, 230) | hsl(42 67% 94%) | hwb(42 90% 2%) | lch(96.4 7.53 87.5) | lab(96.4 0.326 7.52) | cmyk 0%, 2%, 8%, 2% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#5F381B
AAA - 10.15
#B28D58
AA - 3.06
#F2D6A6
AA - 1.4
#faf4e6
AA - 1.09
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