What does the color CornflowerBlue mean?

Blue

CornflowerBlue

#6495ed

#83aaf1

#a2bff4

#c1d5f8

#e0eafb

#6a91d7

Meaning

Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.

History

CornflowerBlue is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use CornflowerBlue (#6495ed) in CSS as color: cornflowerblue; or as #6495ed.

Preview

CornflowerBlue

#6495ed

Overview

Family: Blue

Accessibility on this swatch:

AAA

(7.06:1)

Contrast vs white: 2.97:1 · vs black: 7.06:1

Formats

HEX

#6495ed

RGB

rgb(100, 149, 237)

RGBA

rgba(100, 149, 237, 1)

HSL

hsl(219, 79%, 66%)

HSV

hsv(219, 58%, 93%)

LAB

lab(61.93% 9.33 -49.3)

LCH

lch(61.93% 50.18 280.72)

OKLAB

oklab(0.6746 -0.0213 -0.1397)

OKLCH

oklch(0.6746 0.1413 261.33)

XYZ

xyz(31.28, 30.32, 84.31)

CMYK

cmyk(58%, 37%, 0%, 7%)

CSS

color: #6495ed;

CSS variable

--color-6495ed: #6495ed;

SCSS

$color-6495ed: #6495ed;

Tailwind

sky-300

Export

Developer code

:root {
  --cornflowerblue-1: #6495ed;
}

Color psychology

Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#83aaf1

#a2bff4

#c1d5f8

#e0eafb

#6a91d7

#6f8dc1

#7588ac

#7a8496

Similar colors

#6b97ef

#6c94e5

#609ef6

#7591ea

#4c8ae6

#619aea

#5c86e0

#4a90f2

Browse more in the color name library.