#007FFF
#3399FF
#66B2FF
#99CCFF
Peace
#007FFF
#3399FF
#66B2FF
#99CCFF
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #007fff | rgb(0, 127, 255) | hsl(210 100% 50%) | oklab(61% -0.05 -0.21) | oklch(61% 0.21 260) | color(display-p3 0.21 0.49 0.97) | |
| #3399ff | rgb(51, 153, 255) | hsl(210 100% 60%) | oklab(68% -0.05 -0.17) | oklch(68% 0.18 250) | color(display-p3 0.32 0.59 0.97) | |
| #66b2ff | rgb(102, 178, 255) | hsl(210 100% 70%) | oklab(75% -0.05 -0.13) | oklch(75% 0.14 250) | color(display-p3 0.47 0.69 0.98) | |
| #99ccff | rgb(153, 204, 255) | hsl(210 100% 80%) | oklab(83% -0.03 -0.08) | oklch(83% 0.09 250) | color(display-p3 0.64 0.79 0.98) |
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.
#007FFF
AA - 3.83
#3399FF
AA - 2.94
#66B2FF
AA - 2.23
#99CCFF
AA - 1.68
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