#BEF0F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, airy cyan leans heavily into desaturation. Because it remains highly readable with black text, the hex code #bef0f0 works effectively as a background for clean, minimalist UI designs. It can look washed out against pure white, so pair it with dark charcoal or slate grey to create necessary definition and structure in your layout.
Questions about #bef0f0
What is #bef0f0 in RGB, HSL and CMYK?
In RGB, #bef0f0 is rgb(190, 240, 240), in HSL hsl(180, 62%, 84%) and in CMYK 21%, 0%, 0%, 6%.
Does #bef0f0 work well as a background for text?
Yes, #bef0f0 is light enough to maintain excellent readability when paired with dark charcoal or near-black text. It functions best in minimalist UI designs where a subtle hint of color is needed without overwhelming the page content.
What colors pair best with #bef0f0 for a palette?
Because #bef0f0 is so pale, it benefits from high-contrast accents like deep navy or slate grey to create visual structure. You can also pair it with soft, muted earth tones for a sophisticated, modern, and serene aesthetic.
Is #bef0f0 readable on white or black?
#bef0f0 has a 1.24:1 contrast ratio on white and 16.91: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.