Cornflower Blue Color Hex Code, RGB & HSL Values

What is the meaning of the Cornflower Blue color?

Cornflower Blue is a beautiful, medium-light shade of blue with violet undertones. Named after the wildflower, it represents soft natural beauty and digital friendliness, popular in early web portals.

How to use the Cornflower Blue color hex code in HTML & CSS?

Developers can invoke Cornflower Blue color codes in stylesheets using color: #6495ED;. For modern CSS frameworks, set it as a variable --color-cornflower blue: #6495ED;, or implement it in Tailwind using bg-[#6495ED].

What are the RGB and HSL codes of Cornflower Blue?

The RGB breakdown for Cornflower Blue is rgb(100, 149, 237). In HSL space, it translates to 219° hue, 79% saturation, and 66% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Cornflower Blue color

For print design projects using CMYK ink models, Cornflower Blue corresponds to Cyan: 58%, Magenta: 37%, Yellow: 0%, and Black: 7%. In digital designs, blue coordinates like this are highly favored by technical and corporate platforms to foster user trust, stability, and clean readability.

Red Channel 100

Green Channel 149

Blue Channel 237

Luminance 0.303

⇄ Cornflower Blue Color Space Conversions

Click to copy format

HEX Color Code #6495ED

RGB (Red Green Blue) rgb(100, 149, 237)

HSL (Hue Sat Light) hsl(219°, 79%, 66%)

CMYK (Commercial Print) cmyk(58%, 37%, 0%, 7%)

HSV / HSB Values hsv(219°, 58%, 93%)

Decimal Color Code 6591981

CSS Custom Variable --color-hex: #6495ED;

Tailwind CSS Utility bg-[#6495ED]

CSS Named Color cornflowerblue

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #6495ED

Small body copy preview

Black Text on Background

Black text readability test with #6495ED

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Cornflower Blue */
--color-hex: #6495ED;
--color-rgb: rgb(100, 149, 237);
--color-hsl: hsl(219deg, 79%, 66%);
--color-name: cornflowerblue;

Aa Known Color Aliases

✦ Cornflower Blue Color Meaning

In design psychology, Cornflower Blue is classified as a blue shade, inheriting its psychological associations. The blue hue is the most popular color worldwide, chosen by more people across genders and cultures than any other hue. Psychologically, blue creates feelings of trust, reliability, and calm. It lowers blood pressure and heart rate, making it the premier color in healthcare, finance, and technology. Dark blues like navy communicate authority and professionalism, while lighter blues suggest openness and freedom. The sky and ocean — two of humanity's most expansive visual experiences — are blue, giving the color an intrinsic association with infinite depth and possibility. Fortune 500 companies choose blue more than any other color precisely for its trust-building properties.

Emotions & Associations

ReliabilityDepthSerenityTrust

Industries

GovernmentAviationFinance & Banking