#148BA8 Hex Color

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

Hex color #148ba8 graphic
This unsaturated cyan holds a cold, clean presence that feels professional and stimulating. The hex code #148ba8 works best as a focused accent in tech interfaces rather than an overwhelming background. Because it offers a 5.3:1 contrast ratio with black text, you can use it for accessible, readable body copy. It pairs well with warm grays to balance its cooler temperature.

Questions about #148ba8

What is #148ba8 in RGB, HSL and CMYK?
In RGB, #148ba8 is rgb(20, 139, 168), in HSL hsl(192, 79%, 37%) and in CMYK 88%, 17%, 0%, 34%.
What colors pair well with #148ba8 in UI design?
This unsaturated cyan balances beautifully when paired with warm grays or a soft charcoal. Using warm, neutral tones prevents the coolness of #148ba8 from becoming too sterile, while providing enough visual weight to ground the interface for the user.
Is #148ba8 readable on white or black?
#148ba8 has a 3.97:1 contrast ratio on white and 5.28:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.