Marino

#071232

#00a389

#bfe8e1

#edeff4

#777d8e

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

Green

Cyan

Grey

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#071232	rgb(7, 18, 50)	hsl(220 75% 11%)	oklab(20% 0 -0.07)	oklch(20% 0.07 270)	color(display-p3 0.04 0.07 0.19)
	#00a389	rgb(0, 163, 137)	hsl(170 100% 32%)	oklab(64% -0.12 0.01)	oklch(64% 0.12 180)	color(display-p3 0.28 0.63 0.54)
	#bfe8e1	rgb(191, 232, 225)	hsl(170 47% 83%)	oklab(90% -0.04 0)	oklch(90% 0.04 180)	color(display-p3 0.78 0.91 0.88)
	#edeff4	rgb(237, 239, 244)	hsl(220 24% 94%)	oklab(95% 0 -0.01)	oklch(95% 0.01 270)	color(display-p3 0.93 0.94 0.95)
	#777d8e	rgb(119, 125, 142)	hsl(220 9.2% 51%)	oklab(59% 0 -0.03)	oklch(59% 0.03 270)	color(display-p3 0.47 0.49 0.55)

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

#071232

AAA - 18.39



#00a389

AA - 3.18



#bfe8e1

AA - 1.32



#edeff4

AA - 1.15



#777d8e

AA - 4.11



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.5% -0.005 -0.065), oklab(63.9% -0.119 0.008), oklab(90% -0.044 -0.003), oklab(95.2% 0 -0.007), oklab(59.1% 0 -0.027))

Fallback colors



background: linear-gradient(45deg, #071232, #00a389, #bfe8e1, #edeff4, #777d8e)

Colors



<!-- Primary Colors -->
<color name="marino_color_10">#071232</color>
<color name="marino_color_20">#00a389</color>
<color name="marino_color_30">#bfe8e1</color>
<color name="marino_color_40">#edeff4</color>
<color name="marino_color_50">#777d8e</color>

PWA prompt