HEX Color #3AA8FF (Cornflowerblue)

About #3AA8FF

The precise color #3AA8FF is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Cornflowerblue. Its digital footprint relies on 58 parts red, 168 parts green, and 255 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. The color uses 77% Cyan, 34% Magenta, 0% Yellow, and 0% Black. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#3AA8FF

RGB58, 168, 255

HSL206.5°, 100.0%, 61.4%

CMYK77%, 34%, 0%, 0%

HSV206.5°, 77.3%, 100.0%

LAB66.6, -1.9, -51.8

XYZ33.8, 36.1, 99.8

Decimal3844351

Color Harmonies

Complementary

#3AA8FF #FF913A

Analogous

#3AFFF3 #3A45FF

Triadic

#FF3AA7 #A8FF3A

Tetradic

#F33AFF #FF913A #45FF3A

Tints, Shades & Tones

Tints (Adding White)

#3AA8FF

#4FB1FF

#65BBFF

#7BC5FF

#91CEFF

#A7D8FF

#BDE2FF

#D3EBFF

#E9F5FF

#FFFFFF

Shades (Adding Black)

#3AA8FF

#3395E2

#2D82C6

#2670AA

#205D8D

#194A71

#133855

#0C2538

#06121C

#000000

WCAG Contrast Accessibility

2.55:1

Text on #FFFFFF

FAIL

8.22:1

Text on #000000

AAA

2.44:1

Text on #F8FAFC

FAIL

6.99:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #3AA8FF; }

.text-color { color: #3AA8FF; }

.border-color { border: 2px solid #3AA8FF; }

Similar Colors

Cornflowerblue

#6495ED