#1E1E24

#444140

#F7EBE8

#FFA987

#E54B4B

Salsa

#1E1E24

#444140

#F7EBE8

#FFA987

#E54B4B



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

Red

Orange

Black

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#1e1e24	rgb(30, 30, 36)	hsl(240 9.1% 13%)	hwb(240 12% 86%)	lch(11.5 4.27 286)	lab(11.5 1.2 -4.1)	cmyk 17%, 17%, 0%, 86%
	#444140	rgb(68, 65, 64)	hsl(15 3% 26%)	hwb(15 25% 73%)	lch(27.8 1.59 43.3)	lab(27.8 1.16 1.09)	cmyk 0%, 4%, 6%, 73%
	#f7ebe8	rgb(247, 235, 232)	hsl(12 48% 94%)	hwb(12 91% 3.1%)	lch(93.9 4.84 38)	lab(93.9 3.82 2.99)	cmyk 0%, 5%, 6%, 3%
	#ffa987	rgb(255, 169, 135)	hsl(17 100% 76%)	hwb(17 53% 0%)	lch(77.4 43.2 46.2)	lab(77.4 29.9 31.2)	cmyk 0%, 34%, 47%, 0%
	#e54b4b	rgb(229, 75, 75)	hsl(0 75% 60%)	hwb(0 29% 10%)	lch(55 69.9 30.4)	lab(55 60.3 35.3)	cmyk 0%, 67%, 67%, 10%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#1E1E24

AAA - 16.58



#444140

AAA - 10.11



#F7EBE8

AA - 1.16



#FFA987

AA - 1.86



#E54B4B

AA - 3.86



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(23.8% 0.003 -0.011), oklab(37.8% 0.003 0.003), oklab(94.9% 0.011 0.008), oklab(81.1% 0.083 0.076), oklab(62.8% 0.174 0.079))

Fallback colors



background: linear-gradient(45deg, #1E1E24, #444140, #F7EBE8, #FFA987, #E54B4B)

Colors



<!-- Primary Colors -->
<color name="salsa_color_10">#1E1E24</color>
<color name="salsa_color_20">#444140</color>
<color name="salsa_color_30">#F7EBE8</color>
<color name="salsa_color_40">#FFA987</color>
<color name="salsa_color_50">#E54B4B</color>

PWA prompt