#7AB0C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated cyan feels cool and grounded. Its muted quality prevents it from becoming overwhelming, making it a reliable background choice for clean UI designs. Pair #7ab0c4 with deep charcoal to sharpen the contrast. Because it maintains an 8.8:1 contrast ratio with black text, it provides excellent accessibility for body copy. This hex code works well in soft, modern design systems.
Questions about #7ab0c4
What is #7ab0c4 in RGB, HSL and CMYK?
In RGB, #7ab0c4 is rgb(122, 176, 196), in HSL hsl(196, 39%, 62%) and in CMYK 38%, 10%, 0%, 23%.
What colors pair well with #7ab0c4 for a balanced interface?
#7ab0c4 pairs effectively with charcoal to create a clean, high-contrast look suitable for professional layouts. You can also ground the lightness of this cyan by using it alongside deep navy or slate tones for a harmonious, professional design system.
Is #7ab0c4 a warm or cool tone?
#7ab0c4 is a distinctively cool-toned color that leans toward a muted, dusty cyan. Its low saturation keeps it from feeling overly vibrant, providing a grounded, reliable aesthetic that remains comfortable for the eye in long-form digital content.
Is #7ab0c4 readable on white or black?
#7ab0c4 has a 2.37:1 contrast ratio on white and 8.83:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.