#fff7ed
#bfd8ff
#546eff
#f2fca7
Royal
#fff7ed
#bfd8ff
#546eff
#f2fca7
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Yellow
White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #fff7ed | rgb(255, 247, 237) | hsl(33 100% 96%) | oklab(98% 0 0.02) | oklch(98% 0.02 74) | color(display-p3 0.99 0.97 0.93) | |
| #bfd8ff | rgb(191, 216, 255) | hsl(220 100% 87%) | oklab(88% -0.01 -0.06) | oklch(88% 0.06 260) | color(display-p3 0.77 0.84 0.99) | |
| #546eff | rgb(84, 110, 255) | hsl(230 100% 66%) | oklab(60% 0 -0.22) | oklch(60% 0.22 270) | color(display-p3 0.35 0.43 0.97) | |
| #f2fca7 | rgb(242, 252, 167) | hsl(67 93% 82%) | oklab(96% -0.04 0.1) | oklch(96% 0.11 110) | color(display-p3 0.96 0.99 0.69) |
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.
#fff7ed
AA - 1.06
#bfd8ff
AA - 1.45
#546eff
AA - 4.15
#f2fca7
AA - 1.09
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