#008080
#43e1b0
#f8b30f
#f09204
#ed5e80
#b13450
Día de Muertos
#008080
#43e1b0
#f8b30f
#f09204
#ed5e80
#b13450
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
Cyan
Orange
Pink
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #008080 | rgb(0, 128, 128) | hsl(180 100% 25%) | hwb(180 0% 50%) | lch(48 31.7 196) | lab(48 -30.4 -8.98) | cmyk 100%, 0%, 0%, 50% | |
| #43e1b0 | rgb(67, 225, 176) | hsl(160 72% 57%) | hwb(160 26% 12%) | lch(80.7 52.5 167) | lab(80.7 -51.2 11.7) | cmyk 70%, 0%, 22%, 12% | |
| #f8b30f | rgb(248, 179, 15) | hsl(42 94% 52%) | hwb(42 5.9% 2.7%) | lch(78 80.5 77.3) | lab(78 17.7 78.5) | cmyk 0%, 28%, 94%, 3% | |
| #f09204 | rgb(240, 146, 4) | hsl(36 97% 48%) | hwb(36 1.6% 5.9%) | lch(69.5 80.1 67.4) | lab(69.5 30.8 73.9) | cmyk 0%, 39%, 98%, 6% | |
| #ed5e80 | rgb(237, 94, 128) | hsl(350 80% 65%) | hwb(350 37% 7.1%) | lch(60 59.2 11.1) | lab(60 58.1 11.4) | cmyk 0%, 60%, 46%, 7% | |
| #b13450 | rgb(177, 52, 80) | hsl(350 55% 45%) | hwb(350 20% 31%) | lch(42.4 54.2 15.1) | lab(42.4 52.3 14.1) | cmyk 0%, 71%, 55%, 31% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#008080
AA - 4.77
#43e1b0
AA - 1.66
#f8b30f
AA - 1.83
#f09204
AA - 2.38
#ed5e80
AA - 3.22
#b13450
AA - 6.04
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