#ded22f
#ede247
#ffefe0
#f78a66
#fafafa
Town
#ded22f
#ede247
#ffefe0
#f78a66
#fafafa
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
Yellow
Red
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #ded22f | rgb(222, 210, 47) | hsl(56 73% 53%) | hwb(56 18% 13%) | lch(83.2 74.9 96.1) | lab(83.2 -7.96 74.5) | cmyk 0%, 5%, 79%, 13% | |
| #ede247 | rgb(237, 226, 71) | hsl(56 82% 60%) | hwb(56 28% 7.1%) | lch(88.8 73 96.8) | lab(88.8 -8.61 72.5) | cmyk 0%, 5%, 70%, 7% | |
| #ffefe0 | rgb(255, 239, 224) | hsl(29 100% 94%) | hwb(29 88% 0%) | lch(95.4 10.1 67.9) | lab(95.4 3.78 9.32) | cmyk 0%, 6%, 12%, 0% | |
| #f78a66 | rgb(247, 138, 102) | hsl(15 90% 68%) | hwb(15 40% 3.1%) | lch(69.3 55.4 43.7) | lab(69.3 40.1 38.3) | cmyk 0%, 44%, 59%, 3% | |
| #fafafa | rgb(250, 250, 250) | hsl(none 0% 98%) | hwb(none 98% 2%) | lch(98.3 0 none) | lab(98.3 0 0) | cmyk 0%, 0%, 0%, 2% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#ded22f
AA - 1.57
#ede247
AA - 1.34
#ffefe0
AA - 1.12
#f78a66
AA - 2.39
#fafafa
AA - 1.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