HEX Color #668AF0 (Cornflowerblue)

About #668AF0

The hex code #668AF0 represents a beautifully specific shade of blue. Its closest recognized web color is Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 138, and 240.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 57% cyan and 43% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#668AF0

RGB102, 138, 240

HSL224.3°, 82.1%, 67.1%

CMYK57%, 43%, 0%, 6%

HSV224.3°, 57.5%, 94.1%

LAB59.2, 17.2, -55.2

XYZ30.3, 27.3, 86.1

Decimal6720240

Color Harmonies

Complementary

#668AF0 #F0CB66

Analogous

#66CEF0 #8666F0

Triadic

#F0668A #8AF066

Tetradic

#F066CF #F0CB66 #66F086

Tints, Shades & Tones

Tints (Adding White)

#668AF0

#7797F1

#88A4F3

#99B1F5

#AABEF6

#BBCBF8

#CCD8FA

#DDE5FB

#EEF2FD

#FFFFFF

Shades (Adding Black)

#668AF0

#5A7AD5

#4F6BBA

#445CA0

#384C85

#2D3D6A

#222E50

#161E35

#0B0F1A

#000000

WCAG Contrast Accessibility

3.25:1

Text on #FFFFFF

AA Large

6.46:1

Text on #000000

AA

3.11:1

Text on #F8FAFC

AA Large

5.49:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #668AF0; }

.text-color { color: #668AF0; }

.border-color { border: 2px solid #668AF0; }

Similar Colors

Cornflowerblue

#6495ED