#5099E9

A light, vivid blue closely aligning with Cornflowerblue.

About #5099E9

Visually, #5099E9 is defined as a vivid blue. It is closely associated with the named CSS color Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 153, and 233.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 66% cyan, 34% magenta, 0% yellow, and 9% black. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#5099E9
RGB80, 153, 233
HSL211.4°, 77.7%, 61.4%
CMYK66%, 34%, 0%, 9%
HSV211.4°, 65.7%, 91.4%
LAB62.0, 2.1, -47.1
XYZ29.4, 30.4, 81.4
Decimal5282281

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

2.97:1
Text on #FFFFFF
FAIL
7.07:1
Text on #000000
AAA
2.84:1
Text on #F8FAFC
FAIL
6.01:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #5099E9; }
.text-color { color: #5099E9; }
.border-color { border: 2px solid #5099E9; }

Similar Colors

Cornflowerblue
#6495ED