Cornflowerblue

cornflowerblue is a CSS color keyword. The closest Tailwind step is blue-400 (#60a5fa).

#6495edrgb(100, 149, 237)

Hex: #6495ed
RGB: 100, 149, 237
HSL: 219°, 79%, 66%
OKLCH: 67.5% 0.141 261.3
LAB: 61.9 9.3 -49.3

Open #6495ed in the explorer

Text contrast

Black or white text on #6495ed. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text7.1:1 AAAAPCA Lc 50

White text3.0:1 FailAPCA Lc -59

Color vision

How #6495ed looks in simulations of color blindness, at full severity.

Full color
#6495ed

Protanopia
#709df1

Deuteranopia
#5e90eb

Tritanopia
#00a9b6

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to cornflowerblue.

50 100200300400500600700800900950

Copy into CSS

color: cornflowerblue;
background: #6495ed;

@theme {
  --color-cornflowerblue-50: #f0f5ff;
  --color-cornflowerblue-100: #dce9ff;
  --color-cornflowerblue-200: #b8d2ff;
  --color-cornflowerblue-300: #8ab4ff;
  --color-cornflowerblue-400: #6697ef;
  --color-cornflowerblue-500: #4978cd;
  --color-cornflowerblue-600: #2f5caf;
  --color-cornflowerblue-700: #194595;
  --color-cornflowerblue-800: #022d7c;
  --color-cornflowerblue-900: #001b56;
  --color-cornflowerblue-950: #00092c;
}