#3F96A8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted cyan sits between blue and green with a cool, desaturated undertone. It carries a professional, tech-focused mood that works well for branding or UI components. Pair #3f96a8 with warm, earthy terracottas to create a balanced, modern palette. Because this hex code has a strong contrast ratio, it remains highly legible for small text against white backgrounds.
Questions about #3f96a8
What is #3f96a8 in RGB, HSL and CMYK?
In RGB, #3f96a8 is rgb(63, 150, 168), in HSL hsl(190, 45%, 45%) and in CMYK 63%, 11%, 0%, 34%.
Which color palettes pair effectively with #3f96a8?
This color creates a sophisticated, balanced aesthetic when paired with warm, earthy terracotta or soft sandy neutrals. The contrast between the cool, desaturated cyan and these warmer tones grounds your design, making it highly effective for professional branding.
Is #3f96a8 suitable for small text on websites?
The hex color #3f96a8 maintains a strong contrast ratio against white or light backgrounds, ensuring that small interface text remains sharp and legible. It is a reliable choice for UI components where accessibility and readability are primary concerns for the user experience.
Is #3f96a8 readable on white or black?
#3f96a8 has a 3.42:1 contrast ratio on white and 6.13: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.