#720000
#CA2118
#F05214
#F69A03
#F7FF07
LAVA
#720000
#CA2118
#F05214
#F69A03
#F7FF07
Actions
Explore the palette in different formats, and actions.
Colors overview
Yellow
Orange
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #720000 | rgb(114, 0, 0) | hsl(0 100% 22%) | oklab(35% 0.12 0.07) | oklch(35% 0.14 29) | color(display-p3 0.41 0.07 0.04) | |
| #ca2118 | rgb(202, 33, 24) | hsl(3 79% 44%) | oklab(54% 0.18 0.1) | oklch(54% 0.2 29) | color(display-p3 0.73 0.2 0.15) | |
| #f05214 | rgb(240, 82, 20) | hsl(17 88% 51%) | oklab(65% 0.16 0.13) | oklch(65% 0.2 38) | color(display-p3 0.87 0.37 0.18) | |
| #f69a03 | rgb(246, 154, 3) | hsl(37 98% 49%) | oklab(76% 0.06 0.15) | oklch(76% 0.17 68) | color(display-p3 0.91 0.62 0.22) | |
| #f7ff07 | rgb(247, 255, 7) | hsl(62 100% 51%) | oklab(96% -0.08 0.2) | oklch(96% 0.21 110) | color(display-p3 0.97 1 0.33) |
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.
#720000
AAA - 12.24
#CA2118
AA - 5.61
#F05214
AA - 3.54
#F69A03
AA - 2.2
#F7FF07
AA - 1.09
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