#f2db30
#f0b341
#f29141
#a36f2c
#454545
Sky Fire
#f2db30
#f0b341
#f29141
#a36f2c
#454545
Actions
Explore the palette in different formats, and actions.
Colors overview
Yellow
Orange
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #f2db30 | rgb(242, 219, 48) | hsl(53 88% 57%) | oklab(88% -0.03 0.17) | oklch(88% 0.17 100) | color(display-p3 0.93 0.86 0.34) | |
| #f0b341 | rgb(240, 179, 65) | hsl(39 85% 60%) | oklab(80% 0.03 0.14) | oklch(80% 0.14 79) | color(display-p3 0.9 0.71 0.34) | |
| #f29141 | rgb(242, 145, 65) | hsl(27 87% 60%) | oklab(75% 0.08 0.12) | oklch(75% 0.15 57) | color(display-p3 0.9 0.59 0.32) | |
| #a36f2c | rgb(163, 111, 44) | hsl(34 57% 41%) | oklab(58% 0.04 0.1) | oklch(58% 0.11 70) | color(display-p3 0.61 0.44 0.22) | |
| #454545 | rgb(69, 69, 69) | hsl(none 0% 27%) | oklab(39% 0 0) | oklch(39% 0 none) | color(display-p3 0.27 0.27 0.27) |
Click on a color value to copy it 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