#98B5F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #98b5f2 defines a light, cool blue with a soft periwinkle undertone. Its moderate saturation feels fresh and dependable without becoming vivid or harsh. Use it as a generous interface background or supporting tone in healthcare, finance, and technology layouts. Black text achieves about a 10.2:1 contrast ratio, making small body copy highly readable.
Questions about #98b5f2
What is #98b5f2 in RGB, HSL and CMYK?
In RGB, #98b5f2 is rgb(152, 181, 242), in HSL hsl(221, 78%, 77%) and in CMYK 37%, 25%, 0%, 5%.
What colors pair well with #98b5f2?
#98b5f2 pairs well with white, navy, and charcoal, while a warm accent such as orange creates balanced contrast without overpowering its light periwinkle base in digital interfaces, layouts, and palettes.
Does #98b5f2 look warm or cool?
#98b5f2 reads as a cool color because its blue base and soft periwinkle undertone sit closer to violet-blue than to warm red, yellow, or orange hues in most palettes and layouts. This gives it a calm, clear, dependable feel.
Where can #98b5f2 work well in a design?
#98b5f2 works well as a generous background, card fill, or supporting accent in healthcare, finance, and technology interfaces, where its light blue tone adds calm without demanding attention from content.
Is #98b5f2 readable on white or black?
#98b5f2 has a 2.05:1 contrast ratio on white and 10.22: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.