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
	#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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(87.3% 0.031 0.023), oklab(83.6% 0.028 0.019), oklab(76.1% -0.025 0.01), oklab(62.7% -0.033 0.013), oklab(44.7% -0.035 0.013), oklab(36.4% -0.033 0.012))

Fallback colors



background: linear-gradient(45deg, #edcdc4, #dec2bb, #a4b7ab, #778f80, #435b4d, #2e4438)

Colors



<!-- Primary Colors -->
<color name="bedroom_color_10">#edcdc4</color>
<color name="bedroom_color_20">#dec2bb</color>
<color name="bedroom_color_30">#a4b7ab</color>
<color name="bedroom_color_40">#778f80</color>
<color name="bedroom_color_50">#435b4d</color>
<color name="bedroom_color_60">#2e4438</color>

PWA prompt