2025

#11193e

#2a347a

#f1dba0

#b78c3e

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Yellow

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#11193e	rgb(17, 25, 62)	hsl(230 57% 15%)	oklab(23% 0 -0.07)	oklch(23% 0.07 270)	color(display-p3 0.07 0.1 0.23)
	#2a347a	rgb(42, 52, 122)	hsl(230 49% 32%)	oklab(36% 0.01 -0.12)	oklch(36% 0.12 270)	color(display-p3 0.17 0.2 0.46)
	#f1dba0	rgb(241, 219, 160)	hsl(44 74% 79%)	oklab(90% 0 0.08)	oklch(90% 0.08 90)	color(display-p3 0.93 0.86 0.65)
	#b78c3e	rgb(183, 140, 62)	hsl(39 49% 48%)	oklab(67% 0.02 0.11)	oklch(67% 0.11 80)	color(display-p3 0.69 0.56 0.3)

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

#11193e

AAA - 17.03



#2a347a

AAA - 11.22



#f1dba0

AA - 1.36



#b78c3e

AA - 3.07



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(23.1% 0.001 -0.071), oklab(35.9% 0.006 -0.119), oklab(89.6% 0 0.079), oklab(66.6% 0.019 0.107))

Fallback colors



background: linear-gradient(45deg, #11193e, #2a347a, #f1dba0, #b78c3e)

Colors



<!-- Primary Colors -->
<color name="2025_color_10">#11193e</color>
<color name="2025_color_20">#2a347a</color>
<color name="2025_color_30">#f1dba0</color>
<color name="2025_color_40">#b78c3e</color>

PWA prompt