Summer

#FFDD00

#F5D042

#F49C1C

#EA6D2C

#A04E10

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffdd00	rgb(255, 221, 0)	hsl(52 100% 50%)	hwb(52 0% 0%)	lch(89 87.5 90)	lab(89 0.034 87.5)	cmyk 0%, 13%, 100%, 0%
	#f5d042	rgb(245, 208, 66)	hsl(48 90% 61%)	hwb(48 26% 3.9%)	lch(84.9 71 87.5)	lab(84.9 3.12 71)	cmyk 0%, 15%, 73%, 4%
	#f49c1c	rgb(244, 156, 28)	hsl(36 91% 53%)	hwb(36 11% 4.3%)	lch(72.2 77.1 69)	lab(72.2 27.7 72)	cmyk 0%, 36%, 89%, 4%
	#ea6d2c	rgb(234, 109, 44)	hsl(21 82% 55%)	hwb(21 17% 8.2%)	lch(61.2 74.2 50.9)	lab(61.2 46.8 57.6)	cmyk 0%, 53%, 81%, 8%
	#a04e10	rgb(160, 78, 16)	hsl(26 82% 35%)	hwb(26 6.3% 37%)	lch(43.2 58.1 56.4)	lab(43.2 32.2 48.4)	cmyk 0%, 51%, 90%, 37%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FFDD00

AA - 1.34



#F5D042

AA - 1.5



#F49C1C

AA - 2.18



#EA6D2C

AA - 3.12



#A04E10

AA - 5.84



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(89.9% -0.025 0.184), oklab(86.6% -0.011 0.157), oklab(76.4% 0.06 0.15), oklab(67.6% 0.122 0.121), oklab(51.7% 0.081 0.099))

Fallback colors



background: linear-gradient(45deg, #FFDD00, #F5D042, #F49C1C, #EA6D2C, #A04E10)

Colors



<!-- Primary Colors -->
<color name="summer_color_10">#FFDD00</color>
<color name="summer_color_20">#F5D042</color>
<color name="summer_color_30">#F49C1C</color>
<color name="summer_color_40">#EA6D2C</color>
<color name="summer_color_50">#A04E10</color>

PWA prompt