#7193DA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This moderate, unsaturated blue carries an air of professional stability. It works best as a secondary brand tone or UI element rather than a dominant full-page background. Black text reads clearly against this shade, offering 6.9:1 contrast, so it handles fine detail well. Pair it with warm, neutral grays to avoid a sterile appearance in your design systems. The hex code for this color is #7193da.
Questions about #7193da
What is #7193da in RGB, HSL and CMYK?
In RGB, #7193da is rgb(113, 147, 218), in HSL hsl(221, 59%, 65%) and in CMYK 48%, 33%, 0%, 15%.
What is the best way to use #7193da in a UI design?
Use #7193da as a secondary accent or call-to-action button color rather than a dominant background. Because it offers strong 6.9:1 contrast with black text, it is highly effective for navigational elements where readability and professional stability are essential.
Which colors balance #7193da?
Pair #7193da with warm gray or taupe to soften its clinical edge. These neutrals prevent the blue from feeling sterile, allowing the color to anchor your design system while maintaining a sophisticated and balanced visual hierarchy.
Is #7193da readable on white or black?
#7193da has a 3.04:1 contrast ratio on white and 6.88:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.