#f2db30
#f0b341
#f29141
#a36f2c
#454545
Sky Fire
#f2db30
#f0b341
#f29141
#a36f2c
#454545
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
Orange
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #f2db30 | rgb(242, 219, 48) | hsl(53 88% 57%) | hwb(53 19% 5.1%) | lch(87.3 78.6 92.8) | lab(87.3 -3.88 78.5) | cmyk 0%, 10%, 80%, 5% | |
| #f0b341 | rgb(240, 179, 65) | hsl(39 85% 60%) | hwb(39 25% 5.9%) | lch(77.3 65.8 76.6) | lab(77.3 15.3 64) | cmyk 0%, 25%, 73%, 6% | |
| #f29141 | rgb(242, 145, 65) | hsl(27 87% 60%) | hwb(27 25% 5.1%) | lch(69.7 65.8 59.8) | lab(69.7 33.2 56.9) | cmyk 0%, 40%, 73%, 5% | |
| #a36f2c | rgb(163, 111, 44) | hsl(34 57% 41%) | hwb(34 17% 36%) | lch(51.5 47.4 69.4) | lab(51.5 16.7 44.4) | cmyk 0%, 32%, 73%, 36% | |
| #454545 | rgb(69, 69, 69) | hsl(none 0% 27%) | hwb(none 27% 73%) | lch(29.3 0 none) | lab(29.3 0 0) | cmyk 0%, 0%, 0%, 73% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#f2db30
AA - 1.4
#f0b341
AA - 1.87
#f29141
AA - 2.35
#a36f2c
AA - 4.31
#454545
AAA - 9.58
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