#2F7FD8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, cool blue commands attention with an intense, bright finish. Because it offers a 5.1:1 contrast ratio with black text, it serves as an excellent choice for bold UI accents and call-to-action buttons. Avoid using #2f7fd8 as a primary background for large text blocks, as the intensity can become visually overwhelming. The hex code for this shade is #2f7fd8.
Questions about #2f7fd8
What is #2f7fd8 in RGB, HSL and CMYK?
In RGB, #2f7fd8 is rgb(47, 127, 216), in HSL hsl(212, 68%, 52%) and in CMYK 78%, 41%, 0%, 15%.
What colors pair well with #2f7fd8?
This vibrant blue balances best against neutral, low-saturation tones. Pairing #2f7fd8 with a crisp off-white background creates a clean digital aesthetic, while using it alongside a soft slate gray grounds the intense saturation and prevents visual strain.
Is #2f7fd8 readable on white or black?
#2f7fd8 has a 4.07:1 contrast ratio on white and 5.14: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.