Salsa

#7a0f05

#9b170b

#9b330b

#9b500b

#9b6d0b

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Orange

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#7a0f05	rgb(122, 15, 5)	hsl(5.1 92% 25%)	oklab(37% 0.12 0.07)	oklch(37% 0.14 30)	color(display-p3 0.44 0.11 0.06)
	#9b170b	rgb(155, 23, 11)	hsl(5 87% 33%)	oklab(44% 0.14 0.08)	oklch(44% 0.17 30)	color(display-p3 0.56 0.15 0.1)
	#9b330b	rgb(155, 51, 11)	hsl(17 87% 33%)	oklab(47% 0.11 0.09)	oklch(47% 0.15 38)	color(display-p3 0.56 0.23 0.11)
	#9b500b	rgb(155, 80, 11)	hsl(29 87% 33%)	oklab(51% 0.07 0.1)	oklch(51% 0.12 55)	color(display-p3 0.57 0.33 0.13)
	#9b6d0b	rgb(155, 109, 11)	hsl(41 87% 33%)	oklab(57% 0.02 0.11)	oklch(57% 0.12 79)	color(display-p3 0.58 0.43 0.15)

 Click on a color value to copy it 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