HEX Color #3AA8F8 (Cornflowerblue)

About #3AA8F8

The precise color #3AA8F8 is an excellent choice for modern design projects. Its closest recognized web color is Cornflowerblue. Its digital footprint relies on 58 parts red, 168 parts green, and 248 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 77% cyan, 32% magenta, 0% yellow, and 3% black. The HSL representation is 205.3° hue, 93.1% saturation, and 60.0% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3AA8F8

RGB58, 168, 248

HSL205.3°, 93.1%, 60.0%

CMYK77%, 32%, 0%, 3%

HSV205.3°, 76.6%, 97.3%

LAB66.3, -4.3, -48.6

XYZ32.7, 35.7, 94.0

Decimal3844344

Color Harmonies

Complementary

#3AA8F8 #F88A39

Analogous

#39F8E9 #3948F8

Triadic

#F839A7 #A7F839

Tetradic

#E939F8 #F88A39 #48F839

Tints, Shades & Tones

Tints (Adding White)

#3AA8F8

#4FB1F8

#65BBF9

#7BC5FA

#91CEFB

#A7D8FB

#BDE2FC

#D3EBFD

#E9F5FE

#FFFFFF

Shades (Adding Black)

#3AA8F8

#3395DC

#2D82C0

#2670A5

#205D89

#194A6E

#133852

#0C2537

#06121B

#000000

WCAG Contrast Accessibility

2.58:1

Text on #FFFFFF

FAIL

8.14:1

Text on #000000

AAA

2.47:1

Text on #F8FAFC

FAIL

6.92:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Cornflowerblue

#6495ED