#A4CFD0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated cyan is a pale, delicate shade that reads clean and airy. Because it is so light, it makes an excellent, soft background for minimalist designs. The hex code #a4cfd0 offers high contrast with black text, making it a reliable choice for readable UI layouts. Avoid pairing it with white, as the color can look washed out. It works best as a neutral, supporting base.
Questions about #a4cfd0
What is #a4cfd0 in RGB, HSL and CMYK?
In RGB, #a4cfd0 is rgb(164, 207, 208), in HSL hsl(181, 32%, 73%) and in CMYK 21%, 0%, 0%, 18%.
What colors pair well with #a4cfd0?
This pale cyan works best with high-contrast text like charcoal or deep navy to maintain readability. Because it is so light and desaturated, avoid pairing it directly with white, which can cause the color to appear washed out and flat.
How should #a4cfd0 be used in web design?
Use #a4cfd0 as a subtle background or neutral supporting element in minimalist UI layouts. It provides excellent readability when used behind dark text, but ensure you test the contrast ratios if placing it near other pastels or light tones.
Is #a4cfd0 readable on white or black?
#a4cfd0 has a 1.69:1 contrast ratio on white and 12.41: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.