#3EE9FD

#7FDD3F

#845FC6

#D88245

#8A5536

Fez

#3EE9FD

#7FDD3F

#845FC6

#D88245

#8A5536



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

Cyan

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#3ee9fd	rgb(62, 233, 253)	hsl(190 98% 62%)	hwb(190 24% 0.78%)	lch(84.7 45.2 210)	lab(84.7 -39.1 -22.7)	cmyk 75%, 8%, 0%, 1%
	#7fdd3f	rgb(127, 221, 63)	hsl(96 70% 56%)	hwb(96 25% 13%)	lch(80.1 80.1 127)	lab(80.1 -48.2 63.9)	cmyk 43%, 0%, 71%, 13%
	#845fc6	rgb(132, 95, 198)	hsl(260 47% 57%)	hwb(260 37% 22%)	lch(48 58.8 303)	lab(48 32.4 -49.1)	cmyk 33%, 52%, 0%, 22%
	#d88245	rgb(216, 130, 69)	hsl(25 65% 56%)	hwb(25 27% 15%)	lch(63 55.8 57.1)	lab(63 30.3 46.9)	cmyk 0%, 40%, 68%, 15%
	#8a5536	rgb(138, 85, 54)	hsl(22 44% 38%)	hwb(22 21% 46%)	lch(41.8 34.2 53.7)	lab(41.8 20.3 27.6)	cmyk 0%, 38%, 61%, 46%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#3EE9FD

AA - 1.47



#7FDD3F

AA - 1.7



#845FC6

AA - 4.73



#D88245

AA - 2.91



#8A5536

AA - 6.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(85.9% -0.121 -0.061), oklab(80.9% -0.149 0.147), oklab(57.1% 0.073 -0.137), oklab(68.7% 0.077 0.105), oklab(50.3% 0.053 0.064))

Fallback colors



background: linear-gradient(45deg, #3EE9FD, #7FDD3F, #845FC6, #D88245, #8A5536)

Colors



<!-- Primary Colors -->
<color name="fez_color_10">#3EE9FD</color>
<color name="fez_color_20">#7FDD3F</color>
<color name="fez_color_30">#845FC6</color>
<color name="fez_color_40">#D88245</color>
<color name="fez_color_50">#8A5536</color>

PWA prompt