#66B3F3 Hex Color

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

Hex color #66b3f3 graphic
Healthcare apps, baby brands, and finance dashboards often reach for a pastel blue like #66b3f3. Its high lightness and moderate saturation feel soft and trustworthy without weighing down a layout. The hex code #66b3f3 works best as a supporting background rather than a hero color, since it can wash out next to plain white. Black text on it reaches about 9.3:1 contrast, so small body copy stays readable.

Questions about #66b3f3

What is #66b3f3 in RGB, HSL and CMYK?
In RGB, #66b3f3 is rgb(102, 179, 243), in HSL hsl(207, 85%, 68%) and in CMYK 58%, 26%, 0%, 5%.
What colors pair well with #66b3f3?
Deep navy grounds #66b3f3 with strong contrast, while a warm coral gives it a playful spark. Charcoal also works as a softer neutral than pure black in UI layouts.
Is #66b3f3 readable on white or black?
#66b3f3 has a 2.25:1 contrast ratio on white and 9.30: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.