Sunny Color Palette

#F79683

#F7B27D

#F8CD73

#F7EBA5

#F79683

#F7B27D

#F8CD73

#F7EBA5

Colors overview

Orange

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f79683	rgb(247, 150, 131)	hsl(9.8 88% 74%)	hwb(9.8 51% 3.1%)	lch(72.2 44.6 36.3)	lab(72.2 35.9 26.4)	cmyk 0%, 39%, 47%, 3%
	#f7b27d	rgb(247, 178, 125)	hsl(26 88% 73%)	hwb(26 49% 3.1%)	lch(78.4 43.2 60.1)	lab(78.4 21.6 37.5)	cmyk 0%, 28%, 49%, 3%
	#f8cd73	rgb(248, 205, 115)	hsl(41 90% 71%)	hwb(41 45% 2.7%)	lch(84.8 50.9 81)	lab(84.8 7.98 50.3)	cmyk 0%, 17%, 54%, 3%
	#f7eba5	rgb(247, 235, 165)	hsl(51 84% 81%)	hwb(51 65% 3.1%)	lch(92.8 35.7 95.2)	lab(92.8 -3.26 35.6)	cmyk 0%, 5%, 33%, 3%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#F79683

AA - 2.17



#F7B27D

AA - 1.8



#F8CD73

AA - 1.5



#F7EBA5

AA - 1.2



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(76.9% 0.103 0.064), oklab(81.7% 0.056 0.09), oklab(86.7% 0.012 0.119), oklab(93.4% -0.015 0.088))

Fallback colors



background: linear-gradient(45deg, #F79683, #F7B27D, #F8CD73, #F7EBA5)

Colors



<!-- Primary Colors -->
<color name="sunny_color_10">#F79683</color>
<color name="sunny_color_20">#F7B27D</color>
<color name="sunny_color_30">#F8CD73</color>
<color name="sunny_color_40">#F7EBA5</color>

PWA prompt