#8BA8E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, pastel periwinkle brings a soft, cool presence to UI interfaces. Because it offers strong contrast against black text, #8ba8e0 works well as a reliable background shade for clean, modern layouts. The hex code #8ba8e0 pairs effectively with warm, muted grays or charcoal to ground its airy character. Use it in moderation to avoid a washed-out appearance on large screens.
Questions about #8ba8e0
What is #8ba8e0 in RGB, HSL and CMYK?
In RGB, #8ba8e0 is rgb(139, 168, 224), in HSL hsl(220, 58%, 71%) and in CMYK 38%, 25%, 0%, 12%.
What colors pair well with #8ba8e0 for UI design?
Use #8ba8e0 alongside dark charcoal or deep navy to ground its airy, lightweight feel. Adding warm, neutral grays or a subtle off-white keeps the interface balanced while allowing the cool periwinkle tones to remain readable and professional.
Is #8ba8e0 readable on white or black?
#8ba8e0 has a 2.39:1 contrast ratio on white and 8.77: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.