#81BAF3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated sky blue feels airy and approachable, making it a reliable choice for clean UI backgrounds and tech branding. Because it remains highly readable with black text, it works well for small interface elements like buttons or notification badges. The hex code for this cool, gentle shade is #81baf3. Pair it with soft charcoals rather than pure white to avoid a washed-out, clinical appearance.
Questions about #81baf3
What is #81baf3 in RGB, HSL and CMYK?
In RGB, #81baf3 is rgb(129, 186, 243), in HSL hsl(210, 83%, 73%) and in CMYK 47%, 23%, 0%, 5%.
What colors pair best with #81baf3?
This unsaturated blue pairs beautifully with deep charcoal or soft slate grays to maintain a professional, high-contrast look. Avoid pairing it with pure white, as the lack of saturation can cause the blue to appear washed out or clinical.
Is #81baf3 suitable for text on a white background?
While #81baf3 is an excellent choice for UI elements like buttons or icons, it often lacks sufficient contrast when used for standard body text against white. Use it primarily for accents, backgrounds, or decorative elements rather than long-form content.
Is #81baf3 readable on white or black?
#81baf3 has a 2.04:1 contrast ratio on white and 10.25: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.