#354696
#F5F4B8
#67BCE6
#E5788C
#FDFEFF
Ninja
#354696
#F5F4B8
#67BCE6
#E5788C
#FDFEFF
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #354696 | rgb(53, 70, 150) | hsl(230 48% 40%) | oklab(43% 0 -0.13) | oklch(43% 0.13 270) | color(display-p3 0.22 0.27 0.57) | |
| #f5f4b8 | rgb(245, 244, 184) | hsl(59 75% 84%) | oklab(95% -0.02 0.07) | oklch(95% 0.08 110) | color(display-p3 0.96 0.96 0.75) | |
| #67bce6 | rgb(103, 188, 230) | hsl(200 72% 65%) | oklab(76% -0.06 -0.08) | oklch(76% 0.1 230) | color(display-p3 0.49 0.73 0.89) | |
| #e5788c | rgb(229, 120, 140) | hsl(350 68% 68%) | oklab(70% 0.13 0.02) | oklch(70% 0.14 9.6) | color(display-p3 0.84 0.49 0.55) | |
| #fdfeff | rgb(253, 254, 255) | hsl(210 100% 100%) | oklab(100% 0 0) | oklch(100% 0 250) | color(display-p3 0.99 1 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.
#354696
AAA - 8.5
#F5F4B8
AA - 1.13
#67BCE6
AA - 2.11
#E5788C
AA - 2.83
#FDFEFF
AA - 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