Cornflower Blue Color Palette

#6495ED

#567DCD

#4D69C3

#4454B9

#3B41AE

#6495ED

#567DCD

#4D69C3

#4454B9

#3B41AE

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%
	#567dcd	rgb(86, 125, 205)	hsl(220 54% 57%)	hwb(220 34% 20%)	lch(52.4 46.6 276)	lab(52.4 4.65 -46.4)	cmyk 58%, 39%, 0%, 20%
	#4d69c3	rgb(77, 105, 195)	hsl(230 50% 53%)	hwb(230 30% 24%)	lch(45.8 52.5 282)	lab(45.8 11.3 -51.2)	cmyk 61%, 46%, 0%, 24%
	#4454b9	rgb(68, 84, 185)	hsl(230 46% 50%)	hwb(230 27% 27%)	lch(38.9 59.6 289)	lab(38.9 19.1 -56.5)	cmyk 63%, 55%, 0%, 27%
	#3b41ae	rgb(59, 65, 174)	hsl(240 49% 46%)	hwb(240 23% 32%)	lch(32.5 65.5 293)	lab(32.5 25.7 -60.3)	cmyk 66%, 63%, 0%, 32%

 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



#567DCD

AA - 4.03



#4D69C3

AA - 5.09



#4454B9

AA - 6.53



#3B41AE

AAA - 8.22



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(67.5% -0.021 -0.14), oklab(59.8% -0.015 -0.129), oklab(54.5% -0.004 -0.144), oklab(49% 0.007 -0.159), oklab(44% 0.013 -0.17))

Fallback colors



background: linear-gradient(45deg, #6495ED, #567DCD, #4D69C3, #4454B9, #3B41AE)

Colors



<!-- Primary Colors -->
<color name="cornflower_blue_color_10">#6495ED</color>
<color name="cornflower_blue_color_20">#567DCD</color>
<color name="cornflower_blue_color_30">#4D69C3</color>
<color name="cornflower_blue_color_40">#4454B9</color>
<color name="cornflower_blue_color_50">#3B41AE</color>

PWA prompt