#31B2EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright, saturated, and leaning cyan, #31b2ea is lighter than most blues you’d build a brand on. It works best as an accent, on buttons, links, and icons, since it can look washed out beside plain white. Deep navy and warm charcoal ground it well. Black text stays readable on top, with contrast around 8.7:1. For softer UI tones, try mixing gray into it.
Questions about #31b2ea
What is #31b2ea in RGB, HSL and CMYK?
In RGB, #31b2ea is rgb(49, 178, 234), in HSL hsl(198, 81%, 55%) and in CMYK 79%, 24%, 0%, 8%.
What colors pair well with #31b2ea?
Deep navy and warm charcoal ground its brightness, while soft coral gives an unexpected but balanced contrast. Avoid pale neutrals, which make #31b2ea look washed out by comparison.
Is #31b2ea readable on white or black?
#31b2ea has a 2.41:1 contrast ratio on white and 8.68: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.