#7a0f05

#9b170b

#9b330b

#9b500b

#9b6d0b

Salsa

#7a0f05

#9b170b

#9b330b

#9b500b

#9b6d0b



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

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#7a0f05	rgb(122, 15, 5)	hsl(5.1 92% 25%)	hwb(5.1 2% 52%)	lch(25.8 57.1 39.7)	lab(25.8 44 36.5)	cmyk 0%, 88%, 96%, 52%
	#9b170b	rgb(155, 23, 11)	hsl(5 87% 33%)	hwb(5 4.3% 39%)	lch(33.8 68 39.9)	lab(33.8 52.1 43.7)	cmyk 0%, 85%, 93%, 39%
	#9b330b	rgb(155, 51, 11)	hsl(17 87% 33%)	hwb(17 4.3% 39%)	lch(37.3 62.7 46.8)	lab(37.3 42.9 45.7)	cmyk 0%, 67%, 93%, 39%
	#9b500b	rgb(155, 80, 11)	hsl(29 87% 33%)	hwb(29 4.3% 39%)	lch(42.9 57.1 59.5)	lab(42.9 29 49.2)	cmyk 0%, 48%, 93%, 39%
	#9b6d0b	rgb(155, 109, 11)	hsl(41 87% 33%)	hwb(41 4.3% 39%)	lch(49.8 55.6 76.1)	lab(49.8 13.4 53.9)	cmyk 0%, 30%, 93%, 39%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#7a0f05

AAA - 11.06



#9b170b

AAA - 8.32



#9b330b

AAA - 7.31



#9b500b

AA - 5.92



#9b6d0b

AA - 4.57



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(37.2% 0.122 0.071), oklab(44.4% 0.145 0.084), oklab(47% 0.115 0.09), oklab(51.3% 0.071 0.1), oklab(56.8% 0.023 0.113))

Fallback colors



background: linear-gradient(45deg, #7a0f05, #9b170b, #9b330b, #9b500b, #9b6d0b)

Colors



<!-- Primary Colors -->
<color name="salsa_color_10">#7a0f05</color>
<color name="salsa_color_20">#9b170b</color>
<color name="salsa_color_30">#9b330b</color>
<color name="salsa_color_40">#9b500b</color>
<color name="salsa_color_50">#9b6d0b</color>

PWA prompt