#6495ED

#4682B4

#226FA2

#1E4D92

Cornflower



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



HDR gradient

Switch to HDR to enhance the gradient



Quick view

Inspect colors in multiple color spaces

Colors overview

Blue

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#6495ed	rgb(100, 149, 237)	hsl(220 79% 66%)	hwb(220 39% 7.1%)	lch(61.2 50.3 273)	lab(61.2 3.05 -50.2)	cmyk 58%, 37%, 0%, 7%
	#4682b4	rgb(70, 130, 180)	hsl(210 44% 49%)	hwb(210 27% 29%)	lch(52 33.9 256)	lab(52 -8.36 -32.8)	cmyk 61%, 28%, 0%, 29%
	#226fa2	rgb(34, 111, 162)	hsl(200 65% 38%)	hwb(200 13% 36%)	lch(44.1 36.1 254)	lab(44.1 -9.71 -34.7)	cmyk 79%, 31%, 0%, 36%
	#1e4d92	rgb(30, 77, 146)	hsl(220 66% 35%)	hwb(220 12% 43%)	lch(32.6 43.7 276)	lab(32.6 4.32 -43.5)	cmyk 79%, 47%, 0%, 43%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#6495ED

AA - 2.97



#4682B4

AA - 4.1



#226FA2

AA - 5.43



#1E4D92

AAA - 8.29



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.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR color space

HDR oklab colors



--angle: 45deg; 
background: linear-gradient(var(--angle), oklab(67.5% -0.021 -0.14), oklab(58.8% -0.041 -0.091), oklab(52% -0.05 -0.096), oklab(42.8% -0.025 -0.122))

Fallback colors



--angle: 45deg; 
background: linear-gradient(var(--angle), #6495ED, #4682B4, #226FA2, #1E4D92)

Colors



<!-- Primary Colors -->
<color name="cornflower_color_10">#6495ED</color>
<color name="cornflower_color_20">#4682B4</color>
<color name="cornflower_color_30">#226FA2</color>
<color name="cornflower_color_40">#1E4D92</color>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt