#31A7B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A crisp, unsaturated cyan, #31a7b2 brings a cool, professional clarity to interface design. Because it holds strong contrast against black text, it works well for UI elements that require readability and focus. Use it as a secondary accent to add refreshing energy to layouts without overwhelming the eye. It pairs surprisingly well with warm clay tones to create a balanced, modern color scheme.
Questions about #31a7b2
What is #31a7b2 in RGB, HSL and CMYK?
In RGB, #31a7b2 is rgb(49, 167, 178), in HSL hsl(185, 57%, 45%) and in CMYK 72%, 6%, 0%, 30%.
What colors pair best with #31a7b2?
The #31a7b2 cyan pairs best with warm clay tones or muted terracottas to create a balanced, modern contrast. You can also use neutral grays or deep charcoals to let this specific cyan tone stand out without overwhelming your layout.
Is #31a7b2 suitable for text on a white background?
Using #31a7b2 as text on a white background will likely fail WCAG accessibility standards for contrast ratios. It functions much better as an accent color for interface buttons, icons, or graphical elements where high-contrast readability is not the primary requirement.
Is #31a7b2 readable on white or black?
#31a7b2 has a 2.87:1 contrast ratio on white and 7.30: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.