Aquasalmon

#63cba1

#78ffc9

#7893ff

#ff9378

#ffd8cc

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Blue

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#63cba1	rgb(99, 203, 161)	hsl(160 50% 59%)	hwb(160 39% 20%)	lch(74.7 40.8 164)	lab(74.7 -39.2 11.4)	cmyk 51%, 0%, 21%, 20%
	#78ffc9	rgb(120, 255, 201)	hsl(160 100% 74%)	hwb(160 47% 0%)	lch(91.4 50.2 164)	lab(91.4 -48.2 14.1)	cmyk 53%, 0%, 21%, 0%
	#7893ff	rgb(120, 147, 255)	hsl(230 100% 74%)	hwb(230 47% 0%)	lch(62.6 59.2 283)	lab(62.6 13.3 -57.7)	cmyk 53%, 42%, 0%, 0%
	#ff9378	rgb(255, 147, 120)	hsl(12 100% 74%)	hwb(12 47% 0%)	lch(72.4 51.6 39.6)	lab(72.4 39.8 32.9)	cmyk 0%, 42%, 53%, 0%
	#ffd8cc	rgb(255, 216, 204)	hsl(14 100% 90%)	hwb(14 80% 0%)	lch(89.5 17 41.6)	lab(89.5 12.7 11.3)	cmyk 0%, 15%, 20%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#63cba1

AA - 1.98



#78ffc9

AA - 1.23



#7893ff

AA - 2.83



#ff9378

AA - 2.16



#ffd8cc

AA - 1.31



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.8% -0.112 0.03), oklab(91% -0.137 0.038), oklab(69.2% 0.003 -0.161), oklab(77.2% 0.112 0.078), oklab(91.2% 0.037 0.029))

Fallback colors



background: linear-gradient(45deg, #63cba1, #78ffc9, #7893ff, #ff9378, #ffd8cc)

Colors



<!-- Primary Colors -->
<color name="aquasalmon_color_10">#63cba1</color>
<color name="aquasalmon_color_20">#78ffc9</color>
<color name="aquasalmon_color_30">#7893ff</color>
<color name="aquasalmon_color_40">#ff9378</color>
<color name="aquasalmon_color_50">#ffd8cc</color>

PWA prompt