#2F8DE0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, electric shade commands attention without becoming overwhelming. As a high-chroma blue, #2f8de0 works best as an accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with muted grays or crisp white text, providing enough contrast for readability. The hex code for this primary, confident tone is #2f8de0.
Questions about #2f8de0
What is #2f8de0 in RGB, HSL and CMYK?
In RGB, #2f8de0 is rgb(47, 141, 224), in HSL hsl(208, 74%, 53%) and in CMYK 79%, 37%, 0%, 12%.
Is #2f8de0 suitable for large text backgrounds?
Using #2f8de0 as a background for large text requires careful consideration of contrast. While it is vibrant, text readability is often better served by using this hex color as a high-impact accent or icon color against white or neutral light backgrounds.
What color schemes complement #2f8de0 best?
Complementary color schemes for #2f8de0 work best when paired with warm orange tones or soft terracotta shades to balance its electric cool energy. For a more subtle approach, lean into analogous palettes using surrounding teals or lighter sky blues.
Is #2f8de0 readable on white or black?
#2f8de0 has a 3.49:1 contrast ratio on white and 6.00: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.