Cornflower Blue

Best set with black text. The pairing reaches 7.06:1 contrast and passes AAA for normal text.

Color values

copy exact values

HEX#6495EDsRGB hexadecimal

RGBrgb(100, 149, 237)screen channels

HSLhsl(219, 79%, 66%)hue, saturation, lightness

CMYKcmyk(58%, 37%, 0%, 7%)approximate process color

Tailwindblue-400nearest palette utility, not an exact token

WCAG ratios

White textfails AA2.97:1

Black textAAA7.06:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#29334C

#466298

#6495ED

#9EB5F2

#CED7F6

#FAFAFA

Analogous

#64D9ED

#6495ED

#7764ED

Triadic

#6495ED

#ED6495

#95ED64

Complement

#6495ED

#EDBC64

Lab distance · lower is closer

:root {
  --color-cornflower-blue: #6495ED;
}

.swatch {
  background: var(--color-cornflower-blue);
  color: #000000;
}

Hue281°

Lightness62 L*

Chroma50.2

Luminance0.303