#28A4AF Hex Color

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

Select a Color

This cool, unsaturated cyan has a refreshing, clinical edge that works well for tech interfaces and clean branding. Because it provides strong contrast for black text, it functions effectively as a readable background or a primary UI accent. Avoid pairing it with other overly muted tones to keep the design sharp. The hex code for this color is #28a4af.

Questions about #28a4af

What is #28a4af in RGB, HSL and CMYK?

In RGB, #28a4af is rgb(40, 164, 175), in HSL hsl(185, 63%, 42%) and in CMYK 77%, 6%, 0%, 31%.

What colors pair well with #28a4af in a design scheme?

#28a4af works best when balanced against neutral, grounded tones to prevent it from overwhelming the layout. Pair it with deep charcoal for high-contrast text or a warm sand to soften its clinical, cool aesthetic for a more approachable interface.

Is #28a4af readable on white or black?

#28a4af has a 2.99:1 contrast ratio on white and 7.01: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.

#28A4AF Hex Color

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

Questions about #28a4af

Color tools

Resources