#1F87A0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan feels clean and professional without being sterile. Because it offers a solid 5.0:1 contrast ratio against black text, #1f87a0 works effectively for readable body copy in technical interfaces or app design. It pairs well with warm coral tones to balance its icy temperament. Use this hex code as a secondary accent rather than a full page background to avoid overwhelming your layout.
Questions about #1f87a0
What is #1f87a0 in RGB, HSL and CMYK?
In RGB, #1f87a0 is rgb(31, 135, 160), in HSL hsl(192, 68%, 37%) and in CMYK 81%, 16%, 0%, 37%.
How does #1f87a0 perform for interface design?
This shade offers a solid 5.0:1 contrast ratio against black text, making it highly effective for readable body copy in technical dashboards or mobile apps. Its unsaturated temperament keeps designs clean without appearing sterile or overwhelming to the user.
What colors complement #1f87a0?
Because of its icy, cool temperament, #1f87a0 pairs exceptionally well with warm coral tones, which effectively balance out its cooler properties. Using these warm accents prevents the design from feeling too clinical or detached.
Is #1f87a0 readable on white or black?
#1f87a0 has a 4.17:1 contrast ratio on white and 5.03: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.