#93CCF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue reads as a soft, cool pastel with distinct ashy undertones. Because it offers strong contrast against black text, #93ccf2 works well as a UI background for technology or healthcare interfaces. Avoid pairing it with crisp white, as the contrast can make it look washed out. Instead, use it alongside deep charcoals or warm grays to ground the composition.
Questions about #93ccf2
What is #93ccf2 in RGB, HSL and CMYK?
In RGB, #93ccf2 is rgb(147, 204, 242), in HSL hsl(204, 79%, 76%) and in CMYK 39%, 16%, 0%, 5%.
What colors pair best with the #93ccf2 blue?
Because #93ccf2 is a soft, unsaturated pastel, it benefits from grounding with high-contrast, dark neutrals. Avoid pairing it with crisp white, which can make it appear washed out; instead, try using it alongside deep charcoal or warm grays to stabilize the palette.
Is #93ccf2 suitable for text on a white background?
This color is generally too light to be used for body text against white or light backgrounds because it fails to meet standard accessibility contrast ratios. It is best utilized as a UI background, border, or accent color for secondary interface elements.
Is #93ccf2 readable on white or black?
#93ccf2 has a 1.72:1 contrast ratio on white and 12.15: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.