Summer Sorbet

#F6BD60

#F06292

#FCD1D1

#F7EDE2

#7BC8F7

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Orange

Pink

Cyan

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#f6bd60	rgb(246, 189, 96)	hsl(37 89% 67%)	oklab(83% 0.03 0.13)	oklch(83% 0.13 78)	color(display-p3 0.93 0.75 0.44)
	#f06292	rgb(240, 98, 146)	hsl(340 83% 66%)	oklab(69% 0.18 0.01)	oklch(69% 0.18 2)	color(display-p3 0.87 0.42 0.57)
	#fcd1d1	rgb(252, 209, 209)	hsl(0 88% 90%)	oklab(90% 0.05 0.02)	oklch(90% 0.05 18)	color(display-p3 0.96 0.83 0.82)
	#f7ede2	rgb(247, 237, 226)	hsl(31 57% 93%)	oklab(95% 0.01 0.02)	oklch(95% 0.02 70)	color(display-p3 0.96 0.93 0.89)
	#7bc8f7	rgb(123, 200, 247)	hsl(200 89% 73%)	oklab(80% -0.06 -0.08)	oklch(80% 0.1 240)	color(display-p3 0.55 0.78 0.95)

 Click on a color value to copy it to your clipboard.

Contrast ratios checker

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

#F6BD60

AA - 1.69



#F06292

AA - 3.05



#FCD1D1

AA - 1.38



#F7EDE2

AA - 1.15



#7BC8F7

AA - 1.83



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(83.2% 0.027 0.125), oklab(68.8% 0.18 0.006), oklab(89.7% 0.046 0.015), oklab(95.1% 0.006 0.017), oklab(80.1% -0.056 -0.085))

Fallback colors



background: linear-gradient(45deg, #F6BD60, #F06292, #FCD1D1, #F7EDE2, #7BC8F7)

Colors



<!-- Primary Colors -->
<color name="summer_sorbet_color_10">#F6BD60</color>
<color name="summer_sorbet_color_20">#F06292</color>
<color name="summer_sorbet_color_30">#FCD1D1</color>
<color name="summer_sorbet_color_40">#F7EDE2</color>
<color name="summer_sorbet_color_50">#7BC8F7</color>

PWA prompt