#faffd6
#d8e267
#55c291
#035a54
Swamp
#faffd6
#d8e267
#55c291
#035a54
Actions
Explore the palette in different formats, and actions.
Colors overview
Cyan
Green
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #faffd6 | rgb(250, 255, 214) | hsl(67 100% 92%) | oklab(99% -0.02 0.05) | oklch(99% 0.05 110) | color(display-p3 0.98 1 0.85) | |
| #d8e267 | rgb(216, 226, 103) | hsl(65 68% 65%) | oklab(88% -0.06 0.14) | oklch(88% 0.15 110) | color(display-p3 0.85 0.89 0.47) | |
| #55c291 | rgb(85, 194, 145) | hsl(150 47% 55%) | oklab(74% -0.12 0.04) | oklch(74% 0.12 160) | color(display-p3 0.45 0.75 0.58) | |
| #035a54 | rgb(3, 90, 84) | hsl(180 94% 18%) | oklab(42% -0.07 -0.01) | oklch(42% 0.07 190) | color(display-p3 0.15 0.35 0.33) |
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.
#faffd6
AA - 1.03
#d8e267
AA - 1.4
#55c291
AA - 2.2
#035a54
AAA - 8.09
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