Fruit

#FFB6C1

#FFFF00

#FFD700

#FFA500

#FF7F50

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Yellow

Pink

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#ffb6c1	rgb(255, 182, 193)	hsl(350 100% 86%)	hwb(350 71% 0%)	lch(81.3 28.9 11.1)	lab(81.3 28.4 5.56)	cmyk 0%, 29%, 24%, 0%
	#ffff00	rgb(255, 255, 0)	hsl(60 100% 50%)	hwb(60 0% 0%)	lch(97.6 94.7 99.6)	lab(97.6 -15.7 93.4)	cmyk 0%, 0%, 100%, 0%
	#ffd700	rgb(255, 215, 0)	hsl(51 100% 50%)	hwb(51 0% 0%)	lch(87.5 86.6 88.1)	lab(87.5 2.91 86.6)	cmyk 0%, 16%, 100%, 0%
	#ffa500	rgb(255, 165, 0)	hsl(39 100% 50%)	hwb(39 0% 0%)	lch(75.6 83.8 70.8)	lab(75.6 27.5 79.1)	cmyk 0%, 35%, 100%, 0%
	#ff7f50	rgb(255, 127, 80)	hsl(16 100% 66%)	hwb(16 31% 0%)	lch(68 67.9 45.7)	lab(68 47.4 48.6)	cmyk 0%, 50%, 69%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#FFB6C1

AA - 1.65



#FFFF00

AA - 1.07



#FFD700

AA - 1.4



#FFA500

AA - 1.97



#FF7F50

AA - 2.49



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(84.7% 0.085 0.014), oklab(96.8% -0.071 0.199), oklab(88.7% -0.017 0.181), oklab(79.3% 0.057 0.161), oklab(73.5% 0.128 0.109))

Fallback colors



background: linear-gradient(45deg, #FFB6C1, #FFFF00, #FFD700, #FFA500, #FF7F50)

Colors



<!-- Primary Colors -->
<color name="fruit_color_10">#FFB6C1</color>
<color name="fruit_color_20">#FFFF00</color>
<color name="fruit_color_30">#FFD700</color>
<color name="fruit_color_40">#FFA500</color>
<color name="fruit_color_50">#FF7F50</color>

PWA prompt