HEX Color Code #7B68EE

From card backgrounds to icon fills, the light blue tone #7B68EE handles a wide variety of design contexts reliably. This reference page provides its complete color data and professional application ideas.

What Color Is #7B68EE?

In the HSL model, #7B68EE is defined as (249°, 80%, 67%). The 249° hue angle corresponds directly to the blue portion of the color wheel. Combined with light lightness and strong saturation, this shade delivers vibrant visual impact.

Color Meaning of #7B68EE

From a psychological standpoint, #7B68EE taps into blue associations of serenity, intelligence, and authority. The light character of this specific shade means it invites interaction rather than demanding it — perfect for background surfaces and secondary elements.

Where to Use HEX Code #7B68EE

E-commerce product card borders and "add to cart" button styling for blue-branded storefronts

Modal overlay tints — applying #7B68EE at 10-20% opacity creates depth behind dialog content

Infographic accent elements where multiple blue shades build visual storytelling layers

Notification badges that remain legible against varied nav-bar backgrounds

Event and calendar UI — light blue marks selected dates and active time slots

Slide deck title bars and presentation themes for consistent conference branding

Similar HEX Color Codes

#8A77DF

#9481FF

#9E45FF

Complementary purple tone for palette coordination

#A895C1

Nearby color value offering slightly different brightness

#449FFF

#3AA9AD

Adjacent shade useful for gradient transitions

#C6B3FF

Comparable blue alternative with distinct character

HEX Code #7B68EE in Design Systems

For Figma and code handoff, document #7B68EE with its roles: when to use it, which backgrounds it pairs with, and which text colors sit on top of it. Include a "do / don't" section showing approved and forbidden combinations — this prevents designers from accidentally creating inaccessible pairs.

With brightness at 125/255, this shade anchors well as a dark accent. Pair with white (#FFFFFF) for maximum contrast or off-white (#F9FAFB) for a softer feel. Avoid medium grays on top, which create insufficient contrast.

FAQ About HEX Color Code #7B68EE

What color is #7B68EE?

This HEX code renders as a light blue shade on screen. Its RGB components (123, 104, 238) create a blue-dominant appearance with light depth.

Is #7B68EE a dark or light color?

Dark. The weighted luminance formula (0.299R + 0.587G + 0.114B) gives #7B68EE a score of 125/255, placing it below the midpoint. This classification affects which text colors achieve adequate contrast.

What colors go well with #7B68EE?

#7B68EE pairs well with contrasting colors opposite it on the color wheel (≈69°) for dynamic compositions. For cohesive, calm palettes, combine it with neighboring hues at ±30° and tinted neutrals in the same blue family.

Can I use #7B68EE for branding?

Yes. #7B68EE works as a brand color when blue-family associations — trust, reliability, and professionalism — align with your positioning. Define it formally in your brand guidelines with permitted tints, shades, and pairing rules for consistent application.

How do I convert #7B68EE to other color formats?

The full conversion: RGB(123, 104, 238), HSL(249°, 80%, 67%). CMYK values depend on the print profile but approximate C:52% M:59% Y:7% K:0%. Our converter tools handle all formats instantly.