CORPORATE

#252557

#0579A6

#003E59

#017069

#EFF4CC

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Grey

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#252557	rgb(37, 37, 87)	hsl(240 40% 24%)	hwb(240 15% 66%)	lch(17.1 33.4 292)	lab(17.1 12.7 -30.9)	cmyk 57%, 57%, 0%, 66%
	#0579a6	rgb(5, 121, 166)	hsl(200 94% 34%)	hwb(200 2% 35%)	lch(47 36.4 244)	lab(47 -16.1 -32.6)	cmyk 97%, 27%, 0%, 35%
	#003e59	rgb(0, 62, 89)	hsl(200 100% 17%)	hwb(200 0% 65%)	lch(23.9 23.7 246)	lab(23.9 -9.75 -21.6)	cmyk 100%, 30%, 0%, 65%
	#017069	rgb(1, 112, 105)	hsl(180 98% 22%)	hwb(180 0.39% 56%)	lch(42 29.6 188)	lab(42 -29.3 -4.23)	cmyk 99%, 0%, 6%, 56%
	#eff4cc	rgb(239, 244, 204)	hsl(68 65% 88%)	hwb(68 80% 4.3%)	lch(95 19.9 109)	lab(95 -6.63 18.8)	cmyk 2%, 0%, 16%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#252557

AAA - 14.18



#0579A6

AA - 4.89



#003E59

AAA - 11.45



#017069

AA - 5.96



#EFF4CC

AA - 1.13



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(29.5% 0.015 -0.087), oklab(54.3% -0.066 -0.09), oklab(34.4% -0.042 -0.06), oklab(49.1% -0.085 -0.011), oklab(95.3% -0.021 0.048))

Fallback colors



background: linear-gradient(45deg, #252557, #0579A6, #003E59, #017069, #EFF4CC)

Colors



<!-- Primary Colors -->
<color name="corporate_color_10">#252557</color>
<color name="corporate_color_20">#0579A6</color>
<color name="corporate_color_30">#003E59</color>
<color name="corporate_color_40">#017069</color>
<color name="corporate_color_50">#EFF4CC</color>

PWA prompt