#6CB6D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan feels cool and airy, making it an ideal choice for background surfaces in UI design. Because it offers strong contrast with black text, readability remains high even with small typography. The hex code #6cb6d1 works best when paired with crisp white or deep slate grays to ground its lightness. Use it as a supporting tone to inject a sense of refreshing clarity into your layouts.
Questions about #6cb6d1
What is #6cb6d1 in RGB, HSL and CMYK?
In RGB, #6cb6d1 is rgb(108, 182, 209), in HSL hsl(196, 52%, 62%) and in CMYK 48%, 13%, 0%, 18%.
How should I use #6cb6d1 in UI design?
#6cb6d1 functions best as a spacious background color or a subtle accent that keeps layouts feeling open and uncluttered. It offers enough contrast for legible dark text, making it a reliable choice for modern, minimalist web interfaces.
What colors pair well with #6cb6d1?
This color anchors beautifully when paired with charcoal or deep slate grays for text, as the dark contrast makes the blue pop without appearing harsh. For a lighter, airy palette, combine it with clean off-whites or soft creams.
Is #6cb6d1 readable on white or black?
#6cb6d1 has a 2.27:1 contrast ratio on white and 9.24: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.