#6488EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This punchy, mid-tone blue balances high energy with a professional edge. It works best as an accent or call-to-action color rather than a full background, where it can easily overwhelm the eye. Because black text offers excellent legibility at a 6.3:1 contrast ratio, this shade functions well for UI buttons. As a hex code, #6488ea brings reliable intensity to technology and financial brand palettes.
About Soft Blue
Evening sky ten minutes past sunset, still holding light
What does soft blue mean?
Bright blues often stand for trust and dependability, and this saturated one adds confidence, energy, and a playful streak. Its strong saturation and mid brightness feel loud and beaming, more electric than restful, bold enough to fill a layout.
Where you see soft blue
- morning glory petals
- blue slushies
- swimming pool tiles
- soccer jerseys
- ink cartridges
What it works for
Use it for buttons and links, sports graphics, event posters, and interfaces that need one confident cool focal color.
What colors go with soft blue?
Chartreuse #c1f80aThe sharp yellow green cuts against the blue and keeps both colors feeling wide awake.Peach #ffe5b4Warm peach softens the blue's loudness and pulls the pair toward a friendlier, evening tone.Cream #fffdd0Cream gives the saturated blue room to breathe without dulling its brightness.Hot Pink #ff028dHot pink pushes the brightness further and makes the pairing flamboyant instead of corporate.
Questions about Soft Blue
What is the hex code for Soft Blue?
Soft Blue is #6488ea. In RGB that is rgb(100, 136, 234), in HSL hsl(224, 76%, 65%) and in CMYK 57%, 42%, 0%, 8%.
Where does #6488ea work best in UI design?
The #6488ea hex color serves as an ideal choice for call-to-action buttons or accent elements where visual hierarchy is essential. It balances high energy with a clean, professional edge that keeps interfaces looking sharp and approachable for users.
Is Soft Blue readable on white or black?
Soft Blue has a 3.35:1 contrast ratio on white and 6.25: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.