#3b2d6f
#8cd6f0
#ebfaff
#594a8d
Dreamscape
#3b2d6f
#8cd6f0
#ebfaff
#594a8d
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Cyan
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #3b2d6f | rgb(59, 45, 111) | hsl(250 42% 31%) | oklab(35% 0.04 -0.1) | oklch(35% 0.11 290) | color(display-p3 0.22 0.18 0.42) | |
| #8cd6f0 | rgb(140, 214, 240) | hsl(200 77% 75%) | oklab(84% -0.06 -0.06) | oklch(84% 0.08 220) | color(display-p3 0.61 0.83 0.93) | |
| #ebfaff | rgb(235, 250, 255) | hsl(200 100% 96%) | oklab(98% -0.01 -0.01) | oklch(98% 0.02 220) | color(display-p3 0.93 0.98 1) | |
| #594a8d | rgb(89, 74, 141) | hsl(250 31% 42%) | oklab(46% 0.04 -0.1) | oklch(46% 0.11 290) | color(display-p3 0.34 0.29 0.54) |
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.
#3b2d6f
AAA - 11.72
#8cd6f0
AA - 1.61
#ebfaff
AA - 1.06
#594a8d
AAA - 7.52
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