Travel Luxury

#1e1f23

#5c5d61

#ffffff

#ffe7cc

#efc99d

Actions

Explore the palette in different formats, and actions.

Colors overview

Grey

Brown

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1e1f23	rgb(30, 31, 35)	hsl(230 7.7% 13%)	hwb(230 12% 86%)	lch(11.8 2.92 276)	lab(11.8 0.311 -2.9)	cmyk 14%, 11%, 0%, 86%
	#5c5d61	rgb(92, 93, 97)	hsl(230 2.6% 37%)	hwb(230 36% 62%)	lch(39.5 2.46 276)	lab(39.5 0.236 -2.44)	cmyk 5%, 4%, 0%, 62%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#ffe7cc	rgb(255, 231, 204)	hsl(32 100% 90%)	hwb(32 80% 0%)	lch(93.1 17.2 71.7)	lab(93.1 5.4 16.3)	cmyk 0%, 9%, 20%, 0%
	#efc99d	rgb(239, 201, 157)	hsl(32 72% 78%)	hwb(32 62% 6.3%)	lch(83.5 28.9 71)	lab(83.5 9.41 27.3)	cmyk 0%, 16%, 34%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#1e1f23

AAA - 16.46



#5c5d61

AA - 6.57



#ffffff

AA - 1



#ffe7cc

AA - 1.19



#efc99d

AA - 1.55



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(24% 0.001 -0.008), oklab(47.9% 0.001 -0.006), oklab(100% 0 0), oklab(94% 0.015 0.042), oklab(85.8% 0.024 0.068))

Fallback colors



background: linear-gradient(45deg, #1e1f23, #5c5d61, #ffffff, #ffe7cc, #efc99d)

Colors



<!-- Primary Colors -->
<color name="travel_luxury_color_10">#1e1f23</color>
<color name="travel_luxury_color_20">#5c5d61</color>
<color name="travel_luxury_color_30">#ffffff</color>
<color name="travel_luxury_color_40">#ffe7cc</color>
<color name="travel_luxury_color_50">#efc99d</color>

PWA prompt