HEX Color #A8AFF8 (Cornflowerblue)

About #A8AFF8

The precise color #A8AFF8 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 168, 175, and 248.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 32% cyan and 29% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. Because it is a very 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#A8AFF8

RGB168, 175, 248

HSL234.8°, 85.1%, 81.6%

CMYK32%, 29%, 0%, 3%

HSV234.8°, 32.3%, 97.3%

LAB73.4, 14.0, -37.0

XYZ48.4, 45.8, 95.1

Decimal11055096

Color Harmonies

Complementary

#A8AFF8 #F7F0A8

Analogous

#A8D6F7 #C9A8F7

Triadic

#F7A8AF #AFF7A8

Tetradic

#F7A8D6 #F7F0A8 #A8F7C9

Tints, Shades & Tones

Tints (Adding White)

#A8AFF8

#B1B7F8

#BBC0F9

#C5C9FA

#CED2FB

#D8DBFB

#E2E4FC

#EBEDFD

#F5F6FE

#FFFFFF

Shades (Adding Black)

#A8AFF8

#959BDC

#8288C0

#7074A5

#5D6189

#4A4D6E

#383A52

#252637

#12131B

#000000

WCAG Contrast Accessibility

2.07:1

Text on #FFFFFF

FAIL

10.15:1

Text on #000000

AAA

1.98:1

Text on #F8FAFC

FAIL

8.63:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #A8AFF8; }

.text-color { color: #A8AFF8; }

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

Similar Colors

Cornflowerblue

#6495ED