#82C9E9

#B6E0F0

#D0EEF7

#F0F8FA

#FFFFFF

Clear

#82C9E9

#B6E0F0

#D0EEF7

#F0F8FA

#FFFFFF



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

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#82c9e9	rgb(130, 201, 233)	hsl(200 70% 71%)	hwb(200 51% 8.6%)	lch(77.1 28.8 234)	lab(77.1 -16.9 -23.3)	cmyk 44%, 14%, 0%, 9%
	#b6e0f0	rgb(182, 224, 240)	hsl(200 66% 83%)	hwb(200 71% 5.9%)	lch(86.6 17.1 228)	lab(86.6 -11.5 -12.6)	cmyk 24%, 7%, 0%, 6%
	#d0eef7	rgb(208, 238, 247)	hsl(190 71% 89%)	hwb(190 82% 3.1%)	lch(92.1 11.8 222)	lab(92.1 -8.78 -7.84)	cmyk 16%, 4%, 0%, 3%
	#f0f8fa	rgb(240, 248, 250)	hsl(190 50% 96%)	hwb(190 94% 2%)	lch(97 3.13 218)	lab(97 -2.46 -1.93)	cmyk 4%, 1%, 0%, 2%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#82C9E9

AA - 1.82



#B6E0F0

AA - 1.4



#D0EEF7

AA - 1.21



#F0F8FA

AA - 1.07



#FFFFFF

AA - 1



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(80.1% -0.056 -0.063), oklab(88.2% -0.036 -0.033), oklab(93% -0.027 -0.021), oklab(97.4% -0.007 -0.005), oklab(100% 0 0))

Fallback colors



background: linear-gradient(45deg, #82C9E9, #B6E0F0, #D0EEF7, #F0F8FA, #FFFFFF)

Colors



<!-- Primary Colors -->
<color name="clear_color_10">#82C9E9</color>
<color name="clear_color_20">#B6E0F0</color>
<color name="clear_color_30">#D0EEF7</color>
<color name="clear_color_40">#F0F8FA</color>
<color name="clear_color_50">#FFFFFF</color>

PWA prompt