#000087
#0000cd
#4949f2
#9b9bf9
#f2f2ff
Pure Blue
#000087
#0000cd
#4949f2
#9b9bf9
#f2f2ff
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Blue
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #000087 | rgb(0, 0, 135) | hsl(240 100% 26%) | oklab(28% -0.02 -0.19) | oklch(28% 0.2 260) | color(display-p3 0 0 0.51) | |
| #0000cd | rgb(0, 0, 205) | hsl(240 100% 40%) | oklab(38% -0.03 -0.26) | oklch(38% 0.27 260) | color(display-p3 0 0 0.77) | |
| #4949f2 | rgb(73, 73, 242) | hsl(240 87% 62%) | oklab(52% 0.02 -0.24) | oklch(52% 0.24 270) | color(display-p3 0.29 0.29 0.91) | |
| #9b9bf9 | rgb(155, 155, 249) | hsl(240 89% 79%) | oklab(73% 0.03 -0.13) | oklch(73% 0.13 280) | color(display-p3 0.61 0.61 0.95) | |
| #f2f2ff | rgb(242, 242, 255) | hsl(240 100% 97%) | oklab(96% 0 -0.02) | oklch(96% 0.02 290) | color(display-p3 0.95 0.95 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.
#000087
AAA - 15.55
#0000cd
AAA - 11.16
#4949f2
AA - 5.96
#9b9bf9
AA - 2.48
#f2f2ff
AA - 1.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