#3EE9FD
#7FDD3F
#845FC6
#D88245
#8A5536
Fez
#3EE9FD
#7FDD3F
#845FC6
#D88245
#8A5536
Actions
Explore the palette in different formats, and actions.
Colors overview
Cyan
Brown
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #3ee9fd | rgb(62, 233, 253) | hsl(190 98% 62%) | oklab(86% -0.12 -0.06) | oklch(86% 0.14 210) | color(display-p3 0.47 0.9 0.98) | |
| | #7fdd3f | rgb(127, 221, 63) | hsl(96 70% 56%) | oklab(81% -0.15 0.15) | oklch(81% 0.21 140) | color(display-p3 0.59 0.86 0.35) | |
| | #845fc6 | rgb(132, 95, 198) | hsl(260 47% 57%) | oklab(57% 0.07 -0.14) | oklch(57% 0.16 300) | color(display-p3 0.5 0.38 0.75) | |
| | #d88245 | rgb(216, 130, 69) | hsl(25 65% 56%) | oklab(69% 0.08 0.11) | oklch(69% 0.13 54) | color(display-p3 0.8 0.53 0.32) | |
| | #8a5536 | rgb(138, 85, 54) | hsl(22 44% 38%) | oklab(50% 0.05 0.06) | oklch(50% 0.08 50) | color(display-p3 0.51 0.34 0.23) |
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.
#3EE9FD
AA - 1.47
#7FDD3F
AA - 1.7
#845FC6
AA - 4.73
#D88245
AA - 2.91
#8A5536
AA - 6.11
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