HEX Color #8A99FF (Cornflowerblue)

About #8A99FF

The precise color #8A99FF is an excellent choice for modern design projects. Designers often compare it to the standard color Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 153, and 255.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 46% C, 40% M, 0% Y, and 0% K. The HSL representation is 232.3° hue, 100.0% saturation, and 77.1% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8A99FF

RGB138, 153, 255

HSL232.3°, 100.0%, 77.1%

CMYK46%, 40%, 0%, 0%

HSV232.3°, 45.9%, 100.0%

LAB66.1, 20.7, -52.5

XYZ39.9, 35.4, 99.3

Decimal9083391

Color Harmonies

Complementary

#8A99FF #FFF089

Analogous

#89D3FF #B589FF

Triadic

#FF8998 #98FF89

Tetradic

#FF89D3 #FFF089 #89FFB5

Tints, Shades & Tones

Tints (Adding White)

#8A99FF

#97A4FF

#A4AFFF

#B1BBFF

#BEC6FF

#CBD1FF

#D8DDFF

#E5E8FF

#F2F3FF

#FFFFFF

Shades (Adding Black)

#8A99FF

#7A88E2

#6B77C6

#5C66AA

#4C558D

#3D4471

#2E3355

#1E2238

#0F111C

#000000

WCAG Contrast Accessibility

2.60:1

Text on #FFFFFF

FAIL

8.08:1

Text on #000000

AAA

2.48:1

Text on #F8FAFC

FAIL

6.87:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #8A99FF; }

.text-color { color: #8A99FF; }

.border-color { border: 2px solid #8A99FF; }

Similar Colors

Cornflowerblue

#6495ED