RETROSPECTIVE

#C60102

#EF4706

#FFA10E

#05697A

#01AAAD

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#c60102	rgb(198, 1, 2)	hsl(360 99% 39%)	hwb(360 0.39% 22%)	lch(42.1 87.8 40.5)	lab(42.1 66.7 57)	cmyk 0%, 99%, 99%, 22%
	#ef4706	rgb(239, 71, 6)	hsl(17 95% 48%)	hwb(17 2.4% 6.3%)	lch(55.8 92 46.3)	lab(55.8 63.6 66.5)	cmyk 0%, 70%, 97%, 6%
	#ffa10e	rgb(255, 161, 14)	hsl(37 100% 53%)	hwb(37 5.5% 0%)	lch(74.7 82.5 69)	lab(74.7 29.6 77)	cmyk 0%, 37%, 95%, 0%
	#05697a	rgb(5, 105, 122)	hsl(190 92% 25%)	hwb(190 2% 52%)	lch(40.1 27.4 219)	lab(40.1 -21.3 -17.2)	cmyk 96%, 14%, 0%, 52%
	#01aaad	rgb(1, 170, 173)	hsl(180 99% 34%)	hwb(180 0.39% 32%)	lch(62.8 38.7 199)	lab(62.8 -36.6 -12.6)	cmyk 99%, 2%, 0%, 32%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#C60102

AA - 6.16



#EF4706

AA - 3.76



#FFA10E

AA - 2.02



#05697A

AA - 6.34



#01AAAD

AA - 2.85



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(51.9% 0.186 0.103), oklab(63.5% 0.171 0.127), oklab(78.6% 0.063 0.158), oklab(47.9% -0.069 -0.047), oklab(66.9% -0.109 -0.033))

Fallback colors



background: linear-gradient(45deg, #C60102, #EF4706, #FFA10E, #05697A, #01AAAD)

Colors



<!-- Primary Colors -->
<color name="retrospective_color_10">#C60102</color>
<color name="retrospective_color_20">#EF4706</color>
<color name="retrospective_color_30">#FFA10E</color>
<color name="retrospective_color_40">#05697A</color>
<color name="retrospective_color_50">#01AAAD</color>

PWA prompt