#189AB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan carries a refreshing clarity that works well in tech interfaces and clean brand identities. Because it sits at a mid-range brightness, #189ab4 provides excellent accessibility for small body text against a white background. Use it as a secondary accent to create a sense of trust without overwhelming the layout. It pairs surprisingly well with deep charcoal grays to ground its energetic character.
Questions about #189ab4
What is #189ab4 in RGB, HSL and CMYK?
In RGB, #189ab4 is rgb(24, 154, 180), in HSL hsl(190, 76%, 40%) and in CMYK 87%, 14%, 0%, 29%.
Is #189ab4 a good choice for body text?
Yes, #189ab4 offers excellent accessibility for small body text against white backgrounds due to its mid-range brightness levels. It maintains enough contrast to remain legible while providing a softer, more professional alternative to pure black or dark navy.
What neutral colors complement #189ab4?
This cyan works exceptionally well when paired with deep charcoal or slate grays to ground its energetic character. By contrasting the cool, vibrant nature of #189ab4 with these darker, muted tones, you create a balanced palette suitable for tech-focused interfaces.
Is #189ab4 readable on white or black?
#189ab4 has a 3.32:1 contrast ratio on white and 6.32: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.