#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