#2FA3CF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated blue feels steady and professional, making it a reliable choice for finance or tech interfaces. The hex code #2fa3cf maintains enough contrast for small black text, which ensures readability for UI body copy. It works well as a primary brand accent but can feel overwhelming if used for large backgrounds. Pair it with soft, warm grays to soften its inherent coolness.
Questions about #2fa3cf
What is #2fa3cf in RGB, HSL and CMYK?
In RGB, #2fa3cf is rgb(47, 163, 207), in HSL hsl(197, 63%, 50%) and in CMYK 77%, 21%, 0%, 19%. Browse more shades of blue with names and hex codes.
Does #2fa3cf work well as a background color?
Using #2fa3cf as a large background can be overwhelming for the eye due to its intense saturation and cool undertones. It functions most effectively as a primary brand accent or a strategic call-to-action button color against neutral white or light gray backgrounds.
What colors pair well with #2fa3cf for a balanced palette?
Soft, warm neutrals are the best companions for #2fa3cf because they counteract its inherent coolness and keep the design feeling grounded. Pair it with shades like warm beige or soft taupe to create a professional, readable aesthetic for corporate or fintech interfaces.
Is #2fa3cf readable on white or black?
#2fa3cf has a 2.89:1 contrast ratio on white and 7.26: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.