#FFDD00
#F5D042
#F49C1C
#EA6D2C
#A04E10
Summer
#FFDD00
#F5D042
#F49C1C
#EA6D2C
#A04E10
Actions
Explore the palette in different formats, and actions.
Colors overview
Yellow
Orange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #ffdd00 | rgb(255, 221, 0) | hsl(52 100% 50%) | hwb(52 0% 0%) | lch(89 87.5 90) | lab(89 0.034 87.5) | cmyk 0%, 13%, 100%, 0% | |
| #f5d042 | rgb(245, 208, 66) | hsl(48 90% 61%) | hwb(48 26% 3.9%) | lch(84.9 71 87.5) | lab(84.9 3.12 71) | cmyk 0%, 15%, 73%, 4% | |
| #f49c1c | rgb(244, 156, 28) | hsl(36 91% 53%) | hwb(36 11% 4.3%) | lch(72.2 77.1 69) | lab(72.2 27.7 72) | cmyk 0%, 36%, 89%, 4% | |
| #ea6d2c | rgb(234, 109, 44) | hsl(21 82% 55%) | hwb(21 17% 8.2%) | lch(61.2 74.2 50.9) | lab(61.2 46.8 57.6) | cmyk 0%, 53%, 81%, 8% | |
| #a04e10 | rgb(160, 78, 16) | hsl(26 82% 35%) | hwb(26 6.3% 37%) | lch(43.2 58.1 56.4) | lab(43.2 32.2 48.4) | cmyk 0%, 51%, 90%, 37% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#FFDD00
AA - 1.34
#F5D042
AA - 1.5
#F49C1C
AA - 2.18
#EA6D2C
AA - 3.12
#A04E10
AA - 5.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.
PWA prompt