#5367fc
#8291ff
#a6bbff
#fcfcfc
#828282
Minimal Blue
#5367fc
#8291ff
#a6bbff
#fcfcfc
#828282
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #5367fc | rgb(83, 103, 252) | hsl(230 97% 66%) | oklab(59% 0.01 -0.22) | oklch(59% 0.22 270) | color(display-p3 0.34 0.4 0.95) | |
| #8291ff | rgb(130, 145, 255) | hsl(230 100% 75%) | oklab(69% 0.02 -0.16) | oklch(69% 0.16 280) | color(display-p3 0.52 0.57 0.97) | |
| #a6bbff | rgb(166, 187, 255) | hsl(230 100% 83%) | oklab(80% 0 -0.1) | oklch(80% 0.1 270) | color(display-p3 0.67 0.73 0.98) | |
| #fcfcfc | rgb(252, 252, 252) | hsl(none 0% 99%) | oklab(99% 0 0) | oklch(99% 0 none) | color(display-p3 0.99 0.99 0.99) | |
| #828282 | rgb(130, 130, 130) | hsl(none 0% 51%) | oklab(61% 0 0) | oklch(61% 0 none) | color(display-p3 0.51 0.51 0.51) |
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.
#5367fc
AA - 4.45
#8291ff
AA - 2.82
#a6bbff
AA - 1.87
#fcfcfc
AA - 1.02
#828282
AA - 3.84
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