What Color Is #60F3B0?

In the HSL model, #60F3B0 is defined as (153°, 86%, 66%). The 153° hue angle corresponds directly to the green portion of the color wheel. Combined with light lightness and strong saturation, this shade delivers vibrant visual impact.

Color Meaning of #60F3B0

From a psychological standpoint, #60F3B0 taps into green associations of freshness, stability, and health. 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 #60F3B0

E-commerce product card borders and "add to cart" button styling for green-branded storefronts
Modal overlay tints — applying #60F3B0 at 10-20% opacity creates depth behind dialog content
Infographic accent elements where multiple green shades build visual storytelling layers
Notification badges that remain legible against varied nav-bar backgrounds
Event and calendar UI — light green marks selected dates and active time slots
Slide deck title bars and presentation themes for consistent conference branding

Similar HEX Color Codes

HEX Code #60F3B0 in Design Systems

For Figma and code handoff, document #60F3B0 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 191/255, layer it behind dark text for comfortable reading. It also works as a tinted background that softens a white-heavy layout without introducing visual heaviness.

FAQ About HEX Color Code #60F3B0

What color is #60F3B0?
This HEX code renders as a light green shade on screen. Its RGB components (96, 243, 176) create a green-dominant appearance with light depth.
Is #60F3B0 a dark or light color?
Light. The weighted luminance formula (0.299R + 0.587G + 0.114B) gives #60F3B0 a score of 191/255, placing it above the midpoint. This classification affects which text colors achieve adequate contrast.
What colors go well with #60F3B0?
#60F3B0 pairs well with contrasting colors opposite it on the color wheel (≈333°) for dynamic compositions. For cohesive, calm palettes, combine it with neighboring hues at ±30° and tinted neutrals in the same green family.
Can I use #60F3B0 for branding?
Yes. #60F3B0 works as a brand color when green-family associations — growth, balance, and harmony — 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 #60F3B0 to other color formats?
The full conversion: RGB(96, 243, 176), HSL(153°, 86%, 66%). CMYK values depend on the print profile but approximate C:62% M:5% Y:31% K:0%. Our converter tools handle all formats instantly.