What Color Is #398E7C?

#398E7C corresponds to a deep cyan tone when displayed on screen. Its 43% saturation keeps the color versatile enough for large UI surfaces without visual fatigue.

Color Meaning of #398E7C

#398E7C expresses the cyan family's core themes of innovation, technology, and serenity. Its particular depth places it in the deep range, which audiences tend to perceive as premium, trustworthy, and established.

Where to Use HEX Code #398E7C

SaaS dashboard sidebar backgrounds creating a professional cyan-tinted workspace
Animated micro-interactions — deep cyan pulses and glows feel polished on button clicks
Checkout flow progress indicators marking completed, current, and pending steps
Portfolio gallery frame borders that complement photography without competing for attention
Status page indicators — cyan accents for operational metrics and uptime displays
Plugin and widget chrome styling for embedded components that need to match the host palette

Similar HEX Color Codes

#489D8B
A closely related cyan shade with subtle tonal variation
#207595
Similar hue with adjusted saturation for alternative design needs
#5CB19F
Complementary cyan tone for palette coordination
#66BB4F
Nearby color value offering slightly different brightness
#7057B3
Related blue option for creating harmonious color schemes
#00CF3B
Adjacent shade useful for gradient transitions
#004331
Comparable cyan alternative with distinct character

HEX Code #398E7C in Design Systems

Scale this cyan shade into a complete system: pair #398E7C with its complementary hue (≈0° on the wheel) for maximum contrast, or use analogous neighbors (±30°) for softer harmonies. Build each companion color into a matching 9-step tonal ramp for full-coverage UI support.

Contrast profile: at 115/255 brightness, this shade excels as a button background, nav-bar fill, or card header. Always test the final foreground-background pair in Chrome Lighthouse or axe-core to catch contrast violations before deployment.

FAQ About HEX Color Code #398E7C

What color is #398E7C?
This HEX code renders as a deep cyan shade on screen. Its RGB components (57, 142, 124) create a cyan-dominant appearance with deep depth.
Is #398E7C a dark or light color?
Dark. The weighted luminance formula (0.299R + 0.587G + 0.114B) gives #398E7C a score of 115/255, placing it below the midpoint. This classification affects which text colors achieve adequate contrast.
What colors go well with #398E7C?
#398E7C pairs well with contrasting colors opposite it on the color wheel (≈347°) for dynamic compositions. For cohesive, calm palettes, combine it with neighboring hues at ±30° and tinted neutrals in the same cyan family.
Can I use #398E7C for branding?
Yes. #398E7C works as a brand color when cyan-family associations — clarity, openness, and modernity — 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 #398E7C to other color formats?
The full conversion: RGB(57, 142, 124), HSL(167°, 43%, 39%). CMYK values depend on the print profile but approximate C:78% M:44% Y:51% K:0%. Our converter tools handle all formats instantly.