#45A4B2 Hex Color

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

Select a Color

#45a4b2 is a cool, unsaturated cyan that feels clear and modern. It pairs surprisingly well with charcoal grays and soft oranges, making it a reliable accent color for tech-focused UI designs. Because black text offers a strong 7.2:1 contrast ratio against this shade, it works effectively for readable copy and icons. The hex code for this mid-tone blue is #45a4b2.

Questions about #45a4b2

What is #45a4b2 in RGB, HSL and CMYK?

In RGB, #45a4b2 is rgb(69, 164, 178), in HSL hsl(188, 44%, 48%) and in CMYK 61%, 8%, 0%, 30%.

What colors pair well with the #45a4b2 cyan?

#45a4b2 balances best against deep charcoal or slate grays, which create a grounded, professional look for text. For a more vibrant, high-energy palette, try pairing this cyan with soft apricot or muted orange accents to create a complementary contrast that feels both modern and approachable.

Is #45a4b2 readable on white or black?

#45a4b2 has a 2.91:1 contrast ratio on white and 7.20: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.

#45A4B2 Hex Color

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

Questions about #45a4b2

Color tools

Resources