Trip

#1e232a

#e70d4f

#ff80a6

#febed1

#fcfcfc

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Pink

White

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1e232a	rgb(30, 35, 42)	hsl(220 17% 14%)	hwb(220 12% 84%)	lch(13.4 5.55 261)	lab(13.4 -0.838 -5.49)	cmyk 29%, 17%, 0%, 84%
	#e70d4f	rgb(231, 13, 79)	hsl(340 89% 48%)	hwb(340 5.1% 9.4%)	lch(50.1 80.1 19.9)	lab(50.1 75.3 27.3)	cmyk 0%, 94%, 66%, 9%
	#ff80a6	rgb(255, 128, 166)	hsl(340 100% 75%)	hwb(340 50% 0%)	lch(69.5 52.2 3.88)	lab(69.5 52 3.53)	cmyk 0%, 50%, 35%, 0%
	#febed1	rgb(254, 190, 209)	hsl(340 97% 87%)	hwb(340 75% 0.39%)	lch(83.4 25.7 360)	lab(83.4 25.7 -0.075)	cmyk 0%, 25%, 18%, 0%
	#fcfcfc	rgb(252, 252, 252)	hsl(none 0% 99%)	hwb(none 99% 1.2%)	lch(99 0 none)	lab(99 0 0)	cmyk 0%, 0%, 0%, 1%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#1e232a

AAA - 15.8



#e70d4f

AA - 4.59



#ff80a6

AA - 2.36



#febed1

AA - 1.55



#fcfcfc

AA - 1.02



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(25.4% -0.003 -0.015), oklab(59.3% 0.225 0.06), oklab(75.4% 0.158 0.007), oklab(86.5% 0.077 -0.001), oklab(99.1% 0 0))

Fallback colors



background: linear-gradient(45deg, #1e232a, #e70d4f, #ff80a6, #febed1, #fcfcfc)

Colors



<!-- Primary Colors -->
<color name="trip_color_10">#1e232a</color>
<color name="trip_color_20">#e70d4f</color>
<color name="trip_color_30">#ff80a6</color>
<color name="trip_color_40">#febed1</color>
<color name="trip_color_50">#fcfcfc</color>

PWA prompt