Innovation

#0D093B

#0074D9

#FF8E40

#F3FDF6

#E7252E

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Orange

White

Red

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#0d093b	rgb(13, 9, 59)	hsl(240 74% 13%)	oklab(19% 0.01 -0.09)	oklch(19% 0.09 280)	color(display-p3 0.05 0.04 0.22)
	#0074d9	rgb(0, 116, 217)	hsl(210 100% 43%)	oklab(56% -0.05 -0.17)	oklch(56% 0.18 250)	color(display-p3 0.19 0.45 0.82)
	#ff8e40	rgb(255, 142, 64)	hsl(25 100% 63%)	oklab(76% 0.1 0.13)	oklch(76% 0.16 52)	color(display-p3 0.94 0.58 0.32)
	#f3fdf6	rgb(243, 253, 246)	hsl(140 71% 97%)	oklab(98% -0.01 0.01)	oklch(98% 0.01 160)	color(display-p3 0.96 0.99 0.97)
	#e7252e	rgb(231, 37, 46)	hsl(360 80% 53%)	oklab(60% 0.2 0.1)	oklch(60% 0.22 26)	color(display-p3 0.83 0.23 0.22)

 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.

#0D093B

AAA - 18.76



#0074D9

AA - 4.66



#FF8E40

AA - 2.28



#F3FDF6

AA - 1.04



#E7252E

AA - 4.46



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(19% 0.011 -0.09), oklab(56.2% -0.05 -0.17), oklab(75.7% 0.101 0.128), oklab(98.5% -0.013 0.006), oklab(59.7% 0.202 0.098))

Fallback colors



background: linear-gradient(45deg, #0D093B, #0074D9, #FF8E40, #F3FDF6, #E7252E)

Colors



<!-- Primary Colors -->
<color name="innovation_color_10">#0D093B</color>
<color name="innovation_color_20">#0074D9</color>
<color name="innovation_color_30">#FF8E40</color>
<color name="innovation_color_40">#F3FDF6</color>
<color name="innovation_color_50">#E7252E</color>

PWA prompt