Tulips

#cf3e37

#e85d26

#f6a334

#f8cb62

#ffedd1

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#cf3e37	rgb(207, 62, 55)	hsl(2.8 61% 51%)	hwb(2.8 22% 19%)	lch(49 69.1 34)	lab(49 57.3 38.7)	cmyk 0%, 70%, 73%, 19%
	#e85d26	rgb(232, 93, 38)	hsl(17 81% 53%)	hwb(17 15% 9%)	lch(58 78.1 47.2)	lab(58 53.1 57.3)	cmyk 0%, 60%, 84%, 9%
	#f6a334	rgb(246, 163, 52)	hsl(34 92% 58%)	hwb(34 20% 3.5%)	lch(74.2 71.1 69)	lab(74.2 25.5 66.4)	cmyk 0%, 34%, 79%, 4%
	#f8cb62	rgb(248, 203, 98)	hsl(42 91% 68%)	hwb(42 38% 2.7%)	lch(84.2 58 82)	lab(84.2 8.06 57.4)	cmyk 0%, 18%, 60%, 3%
	#ffedd1	rgb(255, 237, 209)	hsl(37 100% 91%)	hwb(37 82% 0%)	lch(94.7 16.2 79.1)	lab(94.7 3.06 15.9)	cmyk 0%, 7%, 18%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#cf3e37

AA - 4.77



#e85d26

AA - 3.48



#f6a334

AA - 2.05



#f8cb62

AA - 1.53



#ffedd1

AA - 1.14



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(57.6% 0.163 0.084), oklab(65% 0.142 0.118), oklab(78% 0.055 0.143), oklab(86.1% 0.009 0.132), oklab(95.3% 0.008 0.041))

Fallback colors



background: linear-gradient(45deg, #cf3e37, #e85d26, #f6a334, #f8cb62, #ffedd1)

Colors



<!-- Primary Colors -->
<color name="tulips_color_10">#cf3e37</color>
<color name="tulips_color_20">#e85d26</color>
<color name="tulips_color_30">#f6a334</color>
<color name="tulips_color_40">#f8cb62</color>
<color name="tulips_color_50">#ffedd1</color>

PWA prompt