#AFD3E2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #afd3e2 graphic
#afd3e2 is a pale, dusty cyan with a gray-softened blue undertone and high lightness. Its low visual weight suits interface backgrounds, spring palettes, baby products, and open-space layouts. Use it as a dominant base with dark text. Its hex code delivers about 13.2:1 contrast with black, supporting WCAG AA body text.

Questions about #afd3e2

What is #afd3e2 in RGB, HSL and CMYK?
In RGB, #afd3e2 is rgb(175, 211, 226), in HSL hsl(198, 47%, 79%) and in CMYK 23%, 7%, 0%, 11%.
What colors pair well with #afd3e2 in a design palette?
For a balanced palette, #afd3e2 pairs well with charcoal, navy, muted terracotta, and warm cream, giving its pale cyan base structure without overpowering its dusty character in print and digital layouts. Use charcoal or navy for text, and reserve terracotta for small accents.
Is #afd3e2 readable on white or black?
#afd3e2 has a 1.58:1 contrast ratio on white and 13.23:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.