#e8f2ff
#cde2fc
#aacffa
#3070bf
#1f508c
Reflection
#e8f2ff
#cde2fc
#aacffa
#3070bf
#1f508c
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Blue
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #e8f2ff | rgb(232, 242, 255) | hsl(210 100% 95%) | oklab(96% -0.01 -0.02) | oklch(96% 0.02 250) | color(display-p3 0.92 0.95 0.99) | |
| #cde2fc | rgb(205, 226, 252) | hsl(210 89% 90%) | oklab(91% -0.01 -0.04) | oklch(91% 0.04 250) | color(display-p3 0.82 0.88 0.98) | |
| #aacffa | rgb(170, 207, 250) | hsl(210 89% 82%) | oklab(84% -0.02 -0.07) | oklch(84% 0.07 250) | color(display-p3 0.7 0.81 0.97) | |
| #3070bf | rgb(48, 112, 191) | hsl(210 60% 47%) | oklab(54% -0.04 -0.14) | oklch(54% 0.14 260) | color(display-p3 0.26 0.43 0.73) | |
| #1f508c | rgb(31, 80, 140) | hsl(210 64% 34%) | oklab(43% -0.03 -0.11) | oklch(43% 0.11 260) | color(display-p3 0.17 0.31 0.53) |
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.
#e8f2ff
AA - 1.13
#cde2fc
AA - 1.32
#aacffa
AA - 1.61
#3070bf
AA - 5
#1f508c
AAA - 8.12
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