#D0E3F9

#9FB9CB

#617C8C

#2D404E

#0E1B21

Frost

#D0E3F9

#9FB9CB

#617C8C

#2D404E

#0E1B21



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

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#d0e3f9	rgb(208, 227, 249)	hsl(210 77% 90%)	hwb(210 82% 2.4%)	lch(89.3 13.4 256)	lab(89.3 -3.23 -13)	cmyk 16%, 9%, 0%, 2%
	#9fb9cb	rgb(159, 185, 203)	hsl(200 30% 71%)	hwb(200 62% 20%)	lch(73.6 13.7 243)	lab(73.6 -6.23 -12.3)	cmyk 22%, 9%, 0%, 20%
	#617c8c	rgb(97, 124, 140)	hsl(200 18% 46%)	hwb(200 38% 45%)	lch(50.3 14 240)	lab(50.3 -7.06 -12.1)	cmyk 31%, 11%, 0%, 45%
	#2d404e	rgb(45, 64, 78)	hsl(210 27% 24%)	hwb(210 18% 69%)	lch(25.9 12 247)	lab(25.9 -4.67 -11.1)	cmyk 42%, 18%, 0%, 69%
	#0e1b21	rgb(14, 27, 33)	hsl(200 40% 9.2%)	hwb(200 5.5% 87%)	lch(8.79 7.44 235)	lab(8.79 -4.31 -6.06)	cmyk 58%, 18%, 0%, 87%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#D0E3F9

AA - 1.3



#9FB9CB

AA - 2.04



#617C8C

AA - 4.4



#2D404E

AAA - 10.74



#0E1B21

AAA - 17.53



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(90.8% -0.011 -0.035), oklab(77.2% -0.02 -0.033), oklab(57.1% -0.023 -0.032), oklab(36.1% -0.017 -0.03), oklab(21.3% -0.014 -0.016))

Fallback colors



background: linear-gradient(45deg, #D0E3F9, #9FB9CB, #617C8C, #2D404E, #0E1B21)

Colors



<!-- Primary Colors -->
<color name="frost_color_10">#D0E3F9</color>
<color name="frost_color_20">#9FB9CB</color>
<color name="frost_color_30">#617C8C</color>
<color name="frost_color_40">#2D404E</color>
<color name="frost_color_50">#0E1B21</color>

PWA prompt