Room

#77c4bb

#addbd5

#d1ebe7

#dbadb4

#c47882

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#77c4bb	rgb(119, 196, 187)	hsl(170 39% 62%)	hwb(170 47% 23%)	lch(74 26.7 187)	lab(74 -26.5 -3.39)	cmyk 39%, 0%, 5%, 23%
	#addbd5	rgb(173, 219, 213)	hsl(170 39% 77%)	hwb(170 68% 14%)	lch(84 16.6 188)	lab(84 -16.4 -2.22)	cmyk 21%, 0%, 3%, 14%
	#d1ebe7	rgb(209, 235, 231)	hsl(170 39% 87%)	hwb(170 82% 7.8%)	lch(91 9.48 187)	lab(91 -9.42 -1.11)	cmyk 11%, 0%, 2%, 8%
	#dbadb4	rgb(219, 173, 180)	hsl(350 39% 77%)	hwb(350 68% 14%)	lch(75.1 18.4 9.93)	lab(75.1 18.1 3.17)	cmyk 0%, 21%, 18%, 14%
	#c47882	rgb(196, 120, 130)	hsl(350 39% 62%)	hwb(350 47% 23%)	lch(59.1 32.4 14)	lab(59.1 31.4 7.85)	cmyk 0%, 39%, 34%, 23%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#77c4bb

AA - 2.01



#addbd5

AA - 1.51



#d1ebe7

AA - 1.25



#dbadb4

AA - 1.97



#c47882

AA - 3.3



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(76.8% -0.077 -0.008), oklab(85.7% -0.048 -0.006), oklab(92% -0.028 -0.003), oklab(79.1% 0.054 0.008), oklab(65.6% 0.094 0.019))

Fallback colors



background: linear-gradient(45deg, #77c4bb, #addbd5, #d1ebe7, #dbadb4, #c47882)

Colors



<!-- Primary Colors -->
<color name="room_color_10">#77c4bb</color>
<color name="room_color_20">#addbd5</color>
<color name="room_color_30">#d1ebe7</color>
<color name="room_color_40">#dbadb4</color>
<color name="room_color_50">#c47882</color>

PWA prompt