#636B80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy blue sits firmly between ink and stone. Because of its low saturation, #636b80 works best as a neutral background for professional UI projects in finance or tech. It offers enough contrast to maintain legibility for white text, though it can look muddy in small, thin typefaces. Use this hex code when you need a serious, understated foundation without the harshness of pure black.
Questions about #636b80
What is #636b80 in RGB, HSL and CMYK?
In RGB, #636b80 is rgb(99, 107, 128), in HSL hsl(223, 13%, 45%) and in CMYK 23%, 16%, 0%, 50%.
How does #636b80 perform for UI typography?
Use #636b80 primarily for backgrounds or large UI elements rather than small, thin text. It maintains good contrast with white, but its low-saturation, ashy tone can struggle with legibility when applied to tiny or fine-weight fonts.
What color palettes work best with #636b80?
Combine #636b80 with sharp charcoal or deep slate tones for a clean, monochromatic tech aesthetic. For contrast, it pairs beautifully with soft creams or warm terracotta accents, which help break up the inherent coolness of this ashy blue.
Is #636b80 readable on white or black?
#636b80 has a 5.32:1 contrast ratio on white and 3.94: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.