#ABCBD6 Hex Color

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

Hex color #abcbd6 graphic
This pale, unsaturated cyan carries a bleached, ashy quality that reads clean and airy. Because of its high lightness, #abcbd6 works effectively as a subtle background for minimalist UI or digital product interfaces. It maintains high legibility with black text, though it can appear washed out against pure white. Pair it with charcoal or deep navy for a sophisticated, grounded balance.

Questions about #abcbd6

What is #abcbd6 in RGB, HSL and CMYK?
In RGB, #abcbd6 is rgb(171, 203, 214), in HSL hsl(195, 34%, 75%) and in CMYK 20%, 5%, 0%, 16%.
What colors pair well with #abcbd6 for a balanced interface?
#abcbd6 works best when grounded by high-contrast, dark neutrals like charcoal or deep navy. These darker tones provide the necessary weight to prevent the light cyan from appearing washed out or insubstantial in a layout.
Is #abcbd6 a suitable choice for text on a white background?
#abcbd6 is generally too light to meet standard web accessibility guidelines when used as text against a white background. It functions much better as a subtle background shade paired with high-contrast text colors to ensure proper legibility.
Is #abcbd6 readable on white or black?
#abcbd6 has a 1.71:1 contrast ratio on white and 12.24: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.