#FFE4B5

#FDD8B3

#FCCC90

#F7BF63

#EFA945

Sand

Actions

Explore the gradient in different formats, and actions.

Colors overview

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffe4b5	rgb(255, 228, 181)	hsl(38 100% 85%)	hwb(38 71% 0%)	lch(92 27 80.3)	lab(92 4.56 26.6)	cmyk 0%, 11%, 29%, 0%
	#fdd8b3	rgb(253, 216, 179)	hsl(30 95% 85%)	hwb(30 70% 0.78%)	lch(88.8 25.2 68)	lab(88.8 9.43 23.3)	cmyk 0%, 15%, 29%, 1%
	#fccc90	rgb(252, 204, 144)	hsl(33 95% 78%)	hwb(33 56% 1.2%)	lch(85.3 38.6 71.9)	lab(85.3 12 36.6)	cmyk 0%, 19%, 43%, 1%
	#f7bf63	rgb(247, 191, 99)	hsl(37 90% 68%)	hwb(37 39% 3.1%)	lch(81.2 55.3 75.7)	lab(81.2 13.6 53.6)	cmyk 0%, 23%, 60%, 3%
	#efa945	rgb(239, 169, 69)	hsl(35 84% 60%)	hwb(35 27% 6.3%)	lch(74.8 63.2 71.5)	lab(74.8 20 60)	cmyk 0%, 29%, 71%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FFE4B5

AA - 1.23



#FDD8B3

AA - 1.34



#FCCC90

AA - 1.48



#F7BF63

AA - 1.66



#EFA945

AA - 2.01



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(93% 0.01 0.067), oklab(90.4% 0.025 0.059), oklab(87.4% 0.028 0.089), oklab(83.7% 0.026 0.124), oklab(78.5% 0.042 0.133))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #FFE4B5, #FDD8B3, #FCCC90, #F7BF63, #EFA945)

Colors



<!-- Primary Colors -->
<color name="sand_color_10">#FFE4B5</color>
<color name="sand_color_20">#FDD8B3</color>
<color name="sand_color_30">#FCCC90</color>
<color name="sand_color_40">#F7BF63</color>
<color name="sand_color_50">#EFA945</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt