#BEC9D4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy blue offers a clean, sterile backdrop for minimalist UI designs. Because it maintains strong contrast ratios, standard black text remains perfectly legible against it. The hex code for this shade is #bec9d4. Designers often use it as a base for tech or healthcare interfaces where orderly, trustworthy visuals matter more than bold, aggressive color choices.
Questions about #bec9d4
What is #bec9d4 in RGB, HSL and CMYK?
In RGB, #bec9d4 is rgb(190, 201, 212), in HSL hsl(210, 20%, 79%) and in CMYK 10%, 5%, 0%, 17%.
Why is #bec9d4 effective for UI design?
#bec9d4 functions as a neutral, professional backdrop because it maintains a high contrast ratio with standard black text. It provides the orderly, trustworthy feeling required for healthcare or enterprise software interfaces without looking sterile or overly clinical.
What colors pair well with #bec9d4?
Use #bec9d4 alongside a deep navy to create a sophisticated, monochromatic look with strong depth. For a warmer balance, pairing this cool blue with a soft terracotta or neutral taupe provides a modern, grounded contrast.
Is #bec9d4 readable on white or black?
#bec9d4 has a 1.68:1 contrast ratio on white and 12.49: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.