Tech Color Palette

Actions

Explore the palette in different formats, and actions.

White

Blue

tech

HEX	RGB	HWB	OKLAB	OKLCH	P3
#29abe2	rgb(16.1% 67.1% 88.6%)	hwb(200 16% 11%)	oklab(69.8% -0.081 -0.105)	oklch(69.8% 0.133 232)	color(display-p3 0.333 0.661 0.866)
#3f729b	rgb(24.7% 44.7% 60.8%)	hwb(210 25% 39%)	oklab(53.4% -0.036 -0.077)	oklch(53.4% 0.085 245)	color(display-p3 0.295 0.442 0.594)
#e0e0e0	rgb(87.8% 87.8% 87.8%)	hwb(none 88% 12%)	oklab(90.7% 0 0)	oklch(90.7% 0 none)	color(display-p3 0.878 0.878 0.878)

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

#29ABE2

Fail - 2.61

#3F729B

AA - 5.13

#E0E0E0

Fail - 1.32

Click on a color block to open the full contrast checker. Levels are based on WCAG 2.1 guidelines.

AAA

Perfect ≥ 7:1

Easy to read for everyone, including people with visual impairments.

AA

Good ≥ 4.5:1

Meets standard requirements for most users and situations.

Fail

Poor < 4.5:1

Text may be difficult to read, especially for people with visual challenges.

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with Protanopia

Colors preview as palette with Protanopia

Preview the palette in different UI components.