Hispanic Heritage

Actions

Explore the gradient in different formats, and actions.

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK	Color schemes
	#25cab8	rgb(37, 202, 184)	hsl(170 69% 47%)	hwb(170 15% 21%)	lch(73.3 44.8 184)	lab(73.3 -44.7 -3.09)	cmyk 82%, 0%, 9%, 21%
	#0e9e8d	rgb(14, 158, 141)	hsl(170 84% 34%)	hwb(170 5.5% 38%)	lch(58.2 38.8 182)	lab(58.2 -38.7 -1.38)	cmyk 91%, 0%, 11%, 38%

 Click a color format to copy to your clipboard.

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

#25cab8

AA - 2.05



#0e9e8d

AA - 3.33



The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(75.7% -0.128 -0.007), oklab(62.8% -0.111 -0.003))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #25cab8, #0e9e8d)

Colors



<!-- Primary Colors -->
<color name="hispanic_heritage_color_10">#25cab8</color>
<color name="hispanic_heritage_color_20">#0e9e8d</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt