#1a3264
#f16820
#fab96c
#e8e2da
#ffffff
Bruh
#1a3264
#f16820
#fab96c
#e8e2da
#ffffff
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Orange
ī½Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #1a3264 | rgb(26, 50, 100) | hsl(220 59% 25%) | oklab(33% -0.01 -0.09) | oklch(33% 0.09 260) | color(display-p3 0.12 0.19 0.38) | |
ī½ | #f16820 | rgb(241, 104, 32) | hsl(21 88% 54%) | oklab(68% 0.13 0.13) | oklch(68% 0.19 44) | color(display-p3 0.88 0.44 0.22) | |
ī½ | #fab96c | rgb(250, 185, 108) | hsl(33 93% 70%) | oklab(83% 0.04 0.11) | oklch(83% 0.12 70) | color(display-p3 0.94 0.74 0.47) | |
ī½ | #e8e2da | rgb(232, 226, 218) | hsl(34 23% 88%) | oklab(92% 0 0.01) | oklch(92% 0.01 75) | color(display-p3 0.91 0.89 0.86) | |
ī½ | #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) |
ī 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.
#1a3264
AAA - 12.46
ī
#f16820
AA - 3.11
ī
#fab96c
AA - 1.71
ī
#e8e2da
AA - 1.28
ī
#ffffff
AA - 1
ī
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