#3d0000
#8B0000
#FF0000
#FFA500
#FFFF00
Crimson Blaze
#3d0000
#8B0000
#FF0000
#FFA500
#FFFF00
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Orange
Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #3d0000 | rgb(61, 0, 0) | hsl(0 100% 12%) | oklab(23% 0.08 0.05) | oklch(23% 0.09 29) | color(display-p3 0.22 0.02 0.01) | |
| #8b0000 | rgb(139, 0, 0) | hsl(0 100% 27%) | oklab(40% 0.14 0.08) | oklch(40% 0.16 29) | color(display-p3 0.5 0.09 0.06) | |
| #ff0000 | rgb(255, 0, 0) | hsl(0 100% 50%) | oklab(63% 0.22 0.13) | oklch(63% 0.26 29) | color(display-p3 0.92 0.2 0.14) | |
| #ffa500 | rgb(255, 165, 0) | hsl(39 100% 50%) | oklab(79% 0.06 0.16) | oklch(79% 0.17 71) | color(display-p3 0.95 0.66 0.23) | |
| #ffff00 | rgb(255, 255, 0) | hsl(60 100% 50%) | oklab(97% -0.07 0.2) | oklch(97% 0.21 110) | color(display-p3 1 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.
#3d0000
AAA - 17.52
#8B0000
AAA - 10.01
#FF0000
AA - 3.99
#FFA500
AA - 1.97
#FFFF00
AA - 1.07
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