Independence

#006633

#448f6a

#ffffff

#FF0000

#820000

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Green

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#006633	rgb(0, 102, 51)	hsl(150 100% 20%)	hwb(150 0% 60%)	lch(37.3 42.1 150)	lab(37.3 -36.4 21.2)	cmyk 100%, 0%, 50%, 60%
	#448f6a	rgb(68, 143, 106)	hsl(150 36% 41%)	hwb(150 27% 44%)	lch(53.9 33.6 158)	lab(53.9 -31.3 12.3)	cmyk 52%, 0%, 26%, 44%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#ff0000	rgb(255, 0, 0)	hsl(0 100% 50%)	hwb(0 0% 0%)	lch(54.3 107 40.9)	lab(54.3 80.8 69.9)	cmyk 0%, 100%, 100%, 0%
	#820000	rgb(130, 0, 0)	hsl(0 100% 25%)	hwb(0 0% 49%)	lch(26.6 63.3 39.3)	lab(26.6 49 40.1)	cmyk 0%, 100%, 100%, 49%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#006633

AAA - 7.12



#448f6a

AA - 3.9



#ffffff

AA - 1



#FF0000

AA - 3.99



#820000

AAA - 10.77



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(44.7% -0.103 0.053), oklab(59.1% -0.089 0.032), oklab(100% 0 0), oklab(62.8% 0.225 0.126), oklab(38.1% 0.136 0.076))

Fallback colors



background: linear-gradient(45deg, #006633, #448f6a, #ffffff, #FF0000, #820000)

Colors



<!-- Primary Colors -->
<color name="independence_color_10">#006633</color>
<color name="independence_color_20">#448f6a</color>
<color name="independence_color_30">#ffffff</color>
<color name="independence_color_40">#FF0000</color>
<color name="independence_color_50">#820000</color>

PWA prompt