#293045
#424d6f
#5c6b9a
#7588c4
#8ea6ef
Soul
#293045
#424d6f
#5c6b9a
#7588c4
#8ea6ef
Actions
Explore the palette in different formats, and actions.
Colors overview
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #293045 | rgb(41, 48, 69) | hsl(230 25% 22%) | oklab(31% 0 -0.04) | oklch(31% 0.04 270) | color(display-p3 0.17 0.19 0.26) | |
| #424d6f | rgb(66, 77, 111) | hsl(230 25% 35%) | oklab(43% 0 -0.06) | oklch(43% 0.06 270) | color(display-p3 0.27 0.3 0.42) | |
| #5c6b9a | rgb(92, 107, 154) | hsl(230 25% 48%) | oklab(54% 0 -0.08) | oklch(54% 0.08 270) | color(display-p3 0.37 0.42 0.59) | |
| #7588c4 | rgb(117, 136, 196) | hsl(230 40% 61%) | oklab(64% 0 -0.09) | oklch(64% 0.09 270) | color(display-p3 0.47 0.53 0.75) | |
| #8ea6ef | rgb(142, 166, 239) | hsl(230 75% 75%) | oklab(74% 0 -0.11) | oklch(74% 0.11 270) | color(display-p3 0.58 0.65 0.92) |
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.
#293045
AAA - 13.1
#424d6f
AAA - 8.32
#5c6b9a
AA - 5.21
#7588c4
AA - 3.45
#8ea6ef
AA - 2.37
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