#66B2FF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

This bright, light blue carries a sterile and professional quality that pairs well with corporate branding. The hex code for this color is #66b2ff. It works best as an accent or secondary element in UI designs, as it can overwhelm large backgrounds. With excellent contrast against black text, it remains a reliable choice for buttons and data visualization where readability is essential.

Questions about #66b2ff

What is #66b2ff in RGB, HSL and CMYK?

In RGB, #66b2ff is rgb(102, 178, 255), in HSL hsl(210, 100%, 70%) and in CMYK 60%, 30%, 0%, 0%.

What colors pair well with #66b2ff for professional branding?

#66b2ff creates a clean, corporate aesthetic when balanced against charcoal or deep navy neutrals. It also gains a modern, energetic feel when paired with subtle accents of coral or other warm, desaturated tones to prevent the design from feeling too cold.

Is #66b2ff readable on white or black?

#66b2ff has a 2.23:1 contrast ratio on white and 9.37: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.

#66B2FF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #66b2ff

Color tools

Resources