Team

#002B5B

#006BB6

#FF596B

#ffe0e8

#262526

Actions

Explore the palette in different formats, and actions.

Colors overview

Red

Blue

Black

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#002b5b	rgb(0, 43, 91)	hsl(210 100% 18%)	oklab(29% -0.02 -0.09)	oklch(29% 0.1 260)	color(display-p3 0.05 0.17 0.34)
	#006bb6	rgb(0, 107, 182)	hsl(200 100% 36%)	oklab(52% -0.05 -0.13)	oklch(52% 0.14 250)	color(display-p3 0.18 0.41 0.69)
	#ff596b	rgb(255, 89, 107)	hsl(350 100% 67%)	oklab(69% 0.19 0.06)	oklch(69% 0.2 18)	color(display-p3 0.93 0.4 0.43)
	#ffe0e8	rgb(255, 224, 232)	hsl(340 100% 94%)	oklab(93% 0.04 0)	oklch(93% 0.04 0.4)	color(display-p3 0.98 0.88 0.91)
	#262526	rgb(38, 37, 38)	hsl(300 1.3% 15%)	oklab(27% 0 0)	oklch(27% 0 330)	color(display-p3 0.15 0.15 0.15)

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

#002B5B

AAA - 14.03



#006BB6

AA - 5.55



#FF596B

AA - 3.04



#ffe0e8

AA - 1.22



#262526

AAA - 15.27



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.4% -0.025 -0.094), oklab(51.8% -0.051 -0.134), oklab(69% 0.191 0.062), oklab(93.4% 0.036 0), oklab(26.6% 0.002 -0.001))

Fallback colors



background: linear-gradient(45deg, #002B5B, #006BB6, #FF596B, #ffe0e8, #262526)

Colors



<!-- Primary Colors -->
<color name="team_color_10">#002B5B</color>
<color name="team_color_20">#006BB6</color>
<color name="team_color_30">#FF596B</color>
<color name="team_color_40">#ffe0e8</color>
<color name="team_color_50">#262526</color>

PWA prompt