#edcdc4
#dec2bb
#a4b7ab
#778f80
#435b4d
#2e4438
Bedroom
#edcdc4
#dec2bb
#a4b7ab
#778f80
#435b4d
#2e4438
Actions
Explore the palette in different formats, and actions.
Colors overview
Green
Pink
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #edcdc4 | rgb(237, 205, 196) | hsl(13 53% 85%) | oklab(87% 0.03 0.02) | oklch(87% 0.04 36) | color(display-p3 0.91 0.81 0.77) | |
| | #dec2bb | rgb(222, 194, 187) | hsl(12 35% 80%) | oklab(84% 0.03 0.02) | oklch(84% 0.03 34) | color(display-p3 0.85 0.76 0.74) | |
| | #a4b7ab | rgb(164, 183, 171) | hsl(140 12% 68%) | oklab(76% -0.03 0.01) | oklch(76% 0.03 160) | color(display-p3 0.66 0.72 0.67) | |
| | #778f80 | rgb(119, 143, 128) | hsl(140 9.7% 51%) | oklab(63% -0.03 0.01) | oklch(63% 0.04 160) | color(display-p3 0.49 0.56 0.51) | |
| | #435b4d | rgb(67, 91, 77) | hsl(150 15% 31%) | oklab(45% -0.03 0.01) | oklch(45% 0.04 160) | color(display-p3 0.28 0.35 0.31) | |
| | #2e4438 | rgb(46, 68, 56) | hsl(150 19% 22%) | oklab(36% -0.03 0.01) | oklch(36% 0.03 160) | color(display-p3 0.2 0.26 0.22) |
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.
#edcdc4
AA - 1.48
#dec2bb
AA - 1.67
#a4b7ab
AA - 2.11
#778f80
AA - 3.48
#435b4d
AAA - 7.38
#2e4438
AAA - 10.49
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