#1F718E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#1f718e is a cool, unsaturated cyan that projects stability and tech-focused clarity. As a reliable neutral, the hex code #1f718e functions best as a supporting tone rather than a dominant background. It offers strong 5.5:1 contrast against white text, making it ideal for legible UI elements. Combine this shade with terracotta or copper for a modern, unexpected balance in branding projects.
Questions about #1f718e
What is #1f718e in RGB, HSL and CMYK?
In RGB, #1f718e is rgb(31, 113, 142), in HSL hsl(196, 64%, 34%) and in CMYK 78%, 20%, 0%, 44%.
How should I use #1f718e in my design system?
#1f718e functions best as a functional UI element rather than a dominant background color. Its 5.5:1 contrast ratio against white text makes it an excellent choice for buttons, data visualizations, or supporting iconography that requires high legibility.
What colors pair well with #1f718e?
This unsaturated cyan pairs beautifully with warm, earthy tones to create a balanced, modern palette. Try combining it with terracotta or copper to soften its technical, cool nature and add a touch of human warmth to your interface.
Is #1f718e readable on white or black?
#1f718e has a 5.51:1 contrast ratio on white and 3.81:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.