Cornflower blue

Cornflower blue color values

Every conversion for #5a7dff, ready to copy. Hex, rgb, hsl, hsv, cmyk, cie-lab, xyz, decimal, web safe and the nearest Pantone.

Shades of cornflower blue

Tints of cornflower blue

Colors that go with cornflower blue

Cornflower blue in print

The same color needs a different cmyk build depending on the paper. Here is #5a7dff on both.

This color is saturated enough to sit near the edge of cmyk gamut, so expect a small drop in punch on paper and proof it before a long run.

See how it converts in the rgb to cmyk converter, or readrgb vs cmyk for print andwhat the k in cmyk means.

Cornflower blue in css

Copy #5a7dff straight into your stylesheet.

.background { background-color: #5a7dff; }
.text { color: #5a7dff; }
.border { border: 2px solid #5a7dff; }

How cornflower blue looks on light and dark

Cornflower blue and accessibility

Contrast ratios for #5a7dff against black and white text, measured to the WCAG standard.

Use black text on this color for readable body copy. To test #5a7dff against any other color, not just black and white, run the pair through ourcontrast checker for a live WCAG reading.

Cornflower blue on a business card, sticker and pattern

A quick look at how #5a7dff sits on real print products. Start any of these in the maker.

Building a full palette around cornflower blue? Pull matching colors from any photo with thecolor palette generator, or check a design for print with thergb to cmyk converter.

Turn cornflower blue into a seamless pattern

Four patterns built from #5a7dff and its shades, free at print quality. Click any one to keep editing in the pattern maker.

How we calculate these values