#03A5AF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool cyan carries a refreshing, mid-tone energy that works well for branding in tech or communication. Because it is highly readable against black text, you can use #03a5af for UI elements or small icons without issue. It sits at a moderate saturation level, so it avoids feeling too neon. If you are mixing gray to find a balance, this shade functions best as a bright accent rather than a base.
Questions about #03a5af
What is #03a5af in RGB, HSL and CMYK?
In RGB, #03a5af is rgb(3, 165, 175), in HSL hsl(183, 97%, 35%) and in CMYK 98%, 6%, 0%, 31%.
Where should I use #03a5af in my interface designs?
This color functions best as a functional accent rather than a primary base, making it ideal for buttons, notifications, or icon highlights. Because it offers strong readability against dark backgrounds, it helps guide user attention without overwhelming the overall layout.
What colors pair well with #03a5af for a balanced scheme?
To create a grounded palette, pair #03a5af with deep charcoal or dark slate grays to let the cyan pop. For a more vibrant approach, it works well alongside warm, muted corals or soft cream tones to offset its cool, digital temperature.
Is #03a5af readable on white or black?
#03a5af has a 2.99:1 contrast ratio on white and 7.00: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.