HEX Color #AFE9F8 (Powderblue)

About #AFE9F8

When working with digital screens, the color #AFE9F8 is rendered by mixing light. Its closest recognized web color is Powderblue. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 233, and 248.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 29% cyan and 6% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a very light color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#AFE9F8

RGB175, 233, 248

HSL192.3°, 83.9%, 82.9%

CMYK29%, 6%, 0%, 3%

HSV192.3°, 29.4%, 97.3%

LAB89.0, -14.9, -13.2

XYZ63.8, 74.2, 99.8

Decimal11528696

Color Harmonies

Complementary

#AFE9F8 #F8BDAE

Analogous

#AEF8E2 #AEC4F8

Triadic

#F8AEE9 #E9F8AE

Tetradic

#E2AEF8 #F8BDAE #C4F8AE

Tints, Shades & Tones

Tints (Adding White)

#AFE9F8

#B7EBF8

#C0EDF9

#C9F0FA

#D2F2FB

#DBF5FB

#E4F7FC

#EDFAFD

#F6FCFE

#FFFFFF

Shades (Adding Black)

#AFE9F8

#9BCFDC

#88B5C0

#749BA5

#618189

#4D676E

#3A4D52

#263337

#13191B

#000000

WCAG Contrast Accessibility

1.33:1

Text on #FFFFFF

FAIL

15.83:1

Text on #000000

AAA

1.27:1

Text on #F8FAFC

FAIL

13.46:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #AFE9F8; }

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

Similar Colors

Powderblue

#B0E0E6