Salmon

#a8503d

#dcc0cf

#c68883



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#a8503d	rgb(168, 80, 61)	hsl(11 47% 45%)	hwb(11 24% 34%)	lch(45.3 46.1 38.9)	lab(45.3 35.9 28.9)	cmyk 0%, 52%, 64%, 34%
	#dcc0cf	rgb(220, 192, 207)	hsl(330 29% 81%)	hwb(330 75% 14%)	lch(80.5 12.7 343)	lab(80.5 12.1 -3.69)	cmyk 0%, 13%, 6%, 14%
	#c68883	rgb(198, 136, 131)	hsl(4.5 37% 65%)	hwb(4.5 51% 22%)	lch(63 27.2 28.1)	lab(63 24 12.8)	cmyk 0%, 31%, 34%, 22%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#a8503d

AA - 5.41



#dcc0cf

AA - 1.68



#c68883

AA - 2.89



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(53.7% 0.1 0.067), oklab(83.6% 0.036 -0.01), oklab(68.7% 0.07 0.032))

Fallback colors



background: linear-gradient(45deg, #a8503d, #dcc0cf, #c68883)

Colors



<!-- Primary Colors -->
<color name="salmon_color_10">#a8503d</color>
<color name="salmon_color_20">#dcc0cf</color>
<color name="salmon_color_30">#c68883</color>

PWA prompt