Bedroom

#edcdc4

#dec2bb

#a4b7ab

#778f80

#435b4d

#2e4438

#edcdc4

#dec2bb

#a4b7ab

#778f80

#435b4d

#2e4438

Colors overview

Green

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#edcdc4	rgb(237, 205, 196)	hsl(13 53% 85%)	hwb(13 77% 7.1%)	lch(85 13.8 40)	lab(85 10.6 8.86)	cmyk 0%, 14%, 17%, 7%
	#dec2bb	rgb(222, 194, 187)	hsl(12 35% 80%)	hwb(12 73% 13%)	lch(80.7 12 38.1)	lab(80.7 9.41 7.37)	cmyk 0%, 13%, 16%, 13%
	#a4b7ab	rgb(164, 183, 171)	hsl(140 12% 68%)	hwb(140 64% 28%)	lch(72.7 9.35 156)	lab(72.7 -8.55 3.78)	cmyk 10%, 0%, 7%, 28%
	#778f80	rgb(119, 143, 128)	hsl(140 9.7% 51%)	hwb(140 47% 44%)	lch(57.2 12.3 156)	lab(57.2 -11.2 5.02)	cmyk 17%, 0%, 10%, 44%
	#435b4d	rgb(67, 91, 77)	hsl(150 15% 31%)	hwb(150 26% 64%)	lch(36.4 12.9 157)	lab(36.4 -11.9 5.02)	cmyk 26%, 0%, 15%, 64%
	#2e4438	rgb(46, 68, 56)	hsl(150 19% 22%)	hwb(150 18% 73%)	lch(26.7 12.1 159)	lab(26.7 -11.3 4.4)	cmyk 32%, 0%, 18%, 73%

 Click a color format to copy 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 space

HDR oklab colors New



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 New



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

Colors



<resources>
    <color name="bedroom_100">#edcdc4</color>
    <color name="bedroom_200">#dec2bb</color>
    <color name="bedroom_300">#a4b7ab</color>
    <color name="bedroom_400">#778f80</color>
    <color name="bedroom_500">#435b4d</color>
    <color name="bedroom_600">#2e4438</color>
</resources>

PWA prompt