#318FAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, mid-tone cyan, #318faa carries a cool, professional presence that feels grounded rather than electric. It functions best as a supporting tone in web interfaces, pairing well with warm grays to soften its clinical edge. The hex code #318faa provides sufficient contrast for standard body text, making it a reliable choice for accessible UI design when used with black text.
Questions about #318faa
What is #318faa in RGB, HSL and CMYK?
In RGB, #318faa is rgb(49, 143, 170), in HSL hsl(193, 55%, 43%) and in CMYK 71%, 16%, 0%, 33%.
How can I use #318faa in web design?
Use #318faa as a supporting accent or background color in professional web interfaces. Its muted, cool tone remains readable against black text, making it an excellent choice for calm navigation bars or subtle call-to-action buttons that avoid visual fatigue.
What colors pair well with #318faa?
This muted cyan works best alongside warm neutrals like warm gray or beige to soften its clinical edge. These combinations create a balanced, modern palette that feels professional, grounded, and significantly more inviting than standard blue-on-white designs.
Is #318faa readable on white or black?
#318faa has a 3.72:1 contrast ratio on white and 5.64:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.