#1F81DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated blue commands attention with high-intensity energy. It works effectively as an accent color for calls to action, where high visibility is a priority. Avoid using it as a full-page background, as the sheer boldness can overwhelm viewers. Black text maintains excellent legibility over this shade. The hex code for this color is #1f81dd.
Questions about #1f81dd
What is #1f81dd in RGB, HSL and CMYK?
In RGB, #1f81dd is rgb(31, 129, 221), in HSL hsl(209, 75%, 49%) and in CMYK 86%, 42%, 0%, 13%.
How should #1f81dd be used in web design?
Use #1f81dd primarily for functional elements like primary buttons or notification badges where you need to draw the eye immediately. Because it is so saturated, it works best as a small accent rather than a dominant background color.
Is #1f81dd readable on white or black?
#1f81dd has a 4.00:1 contrast ratio on white and 5.24: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.