#ff8100
#ffc100
#f7eac3
#fea5c6
#b32356
Calavera
#ff8100
#ffc100
#f7eac3
#fea5c6
#b32356
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
Yellow
Pink
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #ff8100 | rgb(255, 129, 0) | hsl(30 100% 50%) | hwb(30 0% 0%) | lch(68 87.4 59) | lab(68 45 74.9) | cmyk 0%, 49%, 100%, 0% | |
| #ffc100 | rgb(255, 193, 0) | hsl(45 100% 50%) | hwb(45 0% 0%) | lch(82.1 84.2 80.7) | lab(82.1 13.6 83.1) | cmyk 0%, 24%, 100%, 0% | |
| #f7eac3 | rgb(247, 234, 195) | hsl(45 76% 87%) | hwb(45 76% 3.1%) | lch(93 20.7 89.8) | lab(93 0.064 20.7) | cmyk 0%, 5%, 21%, 3% | |
| #fea5c6 | rgb(254, 165, 198) | hsl(340 98% 82%) | hwb(340 65% 0.39%) | lch(77.5 37 356) | lab(77.5 36.9 -2.55) | cmyk 0%, 35%, 22%, 0% | |
| #b32356 | rgb(179, 35, 86) | hsl(340 67% 42%) | hwb(340 14% 30%) | lch(40.9 59.2 8.18) | lab(40.9 58.6 8.42) | cmyk 0%, 80%, 52%, 30% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#ff8100
AA - 2.5
#ffc100
AA - 1.63
#f7eac3
AA - 1.19
#fea5c6
AA - 1.84
#b32356
AA - 6.38
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