#3C99C1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3c99c1 is a cool, moderately muted blue with a subtle gray-green undertone. Its steady lightness suggests trust and reliability without feeling severe, making it useful for finance, healthcare, technology, and government interfaces. Use it as a supporting brand color or UI surface; black text reaches about 6.5:1 contrast. The hex code is #3c99c1.
Questions about #3c99c1
What is #3c99c1 in RGB, HSL and CMYK?
In RGB, #3c99c1 is rgb(60, 153, 193), in HSL hsl(198, 53%, 50%) and in CMYK 69%, 21%, 0%, 24%.
What colors pair well with #3c99c1?
#3c99c1 pairs well with navy, charcoal, white, and warm sand tones, creating dependable palettes while keeping its cool blue character balanced rather than overly sharp or clinical in digital interfaces and brand systems. Use lighter neutrals for spacious layouts and darker partners for stronger visual hierarchy.
Is #3c99c1 a warm or cool color?
#3c99c1 reads as a cool blue because its blue base carries a subtle gray-green undertone, giving it a calm, restrained appearance instead of the warmth associated with yellow, orange, or red undertones. That makes it useful when a design needs trust and clarity without a severe navy feel.
How should I use #3c99c1 in an interface?
#3c99c1 works well as a supporting brand color, dashboard accent, or interface surface in healthcare, finance, technology, and government design, where its muted coolness communicates trust without feeling severe or overly formal. Use it for secondary actions, cards, or navigation accents, then check contrast for text and icons.
Is #3c99c1 readable on white or black?
#3c99c1 has a 3.22:1 contrast ratio on white and 6.51: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.