#BEBABB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy grey provides a muted, neutral foundation for minimal design projects. Because it is highly readable against black text, the hex code #bebabb works well for UI interfaces and typography where clarity matters. Avoid using it alongside stark white, as it can appear washed out. Instead, pair this understated tone with deep charcoals or rich, dark earth tones to anchor your composition.
Questions about #bebabb
What is #bebabb in RGB, HSL and CMYK?
In RGB, #bebabb is rgb(190, 186, 187), in HSL hsl(345, 3%, 74%) and in CMYK 0%, 2%, 2%, 25%. Browse more shades of gray with names and hex codes.
What design colors pair best with #bebabb?
The best way to use #bebabb is to anchor it with strong, dark contrasts like charcoal or deep navy. Because this shade is soft and muted, it needs a darker partner to define boundaries and ensure your UI elements do not look washed out.
Is #bebabb suitable for text in a user interface?
Yes, #bebabb serves as a highly readable, low-stress neutral when paired with black or dark text. It avoids the harshness of pure white, making it an excellent choice for backgrounds where you want to maintain clarity without causing eye strain.
Is #bebabb readable on white or black?
#bebabb has a 1.92:1 contrast ratio on white and 10.93:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.