Tech

#29ABE2

#3F729B

#E0E0E0



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

White

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#29abe2	rgb(41, 171, 226)	hsl(200 76% 52%)	hwb(200 16% 11%)	lch(65.2 43.4 241)	lab(65.2 -20.7 -38.1)	cmyk 82%, 24%, 0%, 11%
	#3f729b	rgb(63, 114, 155)	hsl(210 42% 43%)	hwb(210 25% 39%)	lch(45.8 29 254)	lab(45.8 -8 -27.9)	cmyk 59%, 26%, 0%, 39%
	#e0e0e0	rgb(224, 224, 224)	hsl(none 0% 88%)	hwb(none 88% 12%)	lch(89.2 0 none)	lab(89.2 0 0)	cmyk 0%, 0%, 0%, 12%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#29ABE2

AA - 2.61



#3F729B

AA - 5.13



#E0E0E0

AA - 1.32



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(69.8% -0.081 -0.105), oklab(53.4% -0.036 -0.077), oklab(90.7% 0 0))

Fallback colors



background: linear-gradient(45deg, #29ABE2, #3F729B, #E0E0E0)

Colors



<!-- Primary Colors -->
<color name="tech_color_10">#29ABE2</color>
<color name="tech_color_20">#3F729B</color>
<color name="tech_color_30">#E0E0E0</color>

PWA prompt