#CFDBE6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, bleached blue carries a cool, almost grey undertone that feels light and airy. Because it is highly legible with black text, #cfdbe6 works perfectly as a clean background for web interfaces in finance or healthcare. Use this hex code as a neutral base to anchor brighter accent colors, though be careful on pure white screens where it may appear slightly washed out.
Questions about #cfdbe6
What is #cfdbe6 in RGB, HSL and CMYK?
In RGB, #cfdbe6 is rgb(207, 219, 230), in HSL hsl(209, 32%, 86%) and in CMYK 10%, 5%, 0%, 10%.
What colors pair well with #cfdbe6 for a balanced interface?
#cfdbe6 works exceptionally well when anchored by charcoal or deep navy text, which ensures maximum readability. To add visual interest without overwhelming the softness of this blue, incorporate subtle pops of coral or muted teal as secondary accent colors.
Is #cfdbe6 readable on white or black?
#cfdbe6 has a 1.40:1 contrast ratio on white and 14.92: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.