#002B5B

#006BB6

#FF596B

#ffe0e8

#262526

Team

#002B5B

#006BB6

#FF596B

#ffe0e8

#262526



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Red

Blue

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#002b5b	rgb(0, 43, 91)	hsl(210 100% 18%)	hwb(210 0% 64%)	lch(17.3 33.5 275)	lab(17.3 2.99 -33.3)	cmyk 100%, 53%, 0%, 64%
	#006bb6	rgb(0, 107, 182)	hsl(200 100% 36%)	hwb(200 0% 29%)	lch(43.3 47.9 266)	lab(43.3 -3.64 -47.7)	cmyk 100%, 41%, 0%, 29%
	#ff596b	rgb(255, 89, 107)	hsl(350 100% 67%)	hwb(350 35% 0%)	lch(61.9 70 22.4)	lab(61.9 64.7 26.7)	cmyk 0%, 65%, 58%, 0%
	#ffe0e8	rgb(255, 224, 232)	hsl(340 100% 94%)	hwb(340 88% 0%)	lch(91.9 12 1.04)	lab(91.9 12 0.217)	cmyk 0%, 12%, 9%, 0%
	#262526	rgb(38, 37, 38)	hsl(300 1.3% 15%)	hwb(300 15% 85%)	lch(14.8 0.823 323)	lab(14.8 0.658 -0.495)	cmyk 0%, 3%, 0%, 85%

 Click a color format to copy 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