#3E76A0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, medium blue with cool gray undertones, #3e76a0 feels controlled, reliable, and professional. Its restrained saturation suits security, finance, healthcare, technology, and government branding without appearing severe. Use it as a supporting color beside off-white or warm sand, or as a UI background with white text. The hex code #3e76a0 provides about 4.9:1 contrast with white, meeting WCAG AA for body text.
Questions about #3e76a0
What is #3e76a0 in RGB, HSL and CMYK?
In RGB, #3e76a0 is rgb(62, 118, 160), in HSL hsl(206, 44%, 44%) and in CMYK 61%, 26%, 0%, 37%.
Does #3e76a0 meet WCAG AA with white text?
#3e76a0 provides about a 4.9:1 contrast ratio with white, which meets WCAG AA for normal text but falls short of AAA; verify the final contrast after adding transparency, overlays, or nearby colors.
What colors pair well with #3e76a0?
The hex color #3e76a0 pairs well with off-white, warm sand, and terracotta, which soften its cool gray undertones while preserving a dependable, professional feel; use darker neutrals for structure and pale backgrounds for clean contrast.
Is #3e76a0 warm or cool, and where does it work best?
It reads as a cool blue because its muted gray undertones reduce warmth, making #3e76a0 a strong fit for security, finance, healthcare, technology, and government interfaces where a calm, reliable tone matters.
Is #3e76a0 readable on white or black?
#3e76a0 has a 4.87:1 contrast ratio on white and 4.30: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.