#03CAF6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation cyan commands attention, acting as an energetic accent rather than a dominant background color. #03caf6 feels electric and cold, making it perfect for UI highlights or buttons that need to pop. It pairs well with charcoal greys, and learning how to make gray helps create a balanced palette. Because of its intense brightness, stick to small applications to avoid overwhelming your viewer.
Questions about #03caf6
What is #03caf6 in RGB, HSL and CMYK?
In RGB, #03caf6 is rgb(3, 202, 246), in HSL hsl(191, 98%, 49%) and in CMYK 99%, 18%, 0%, 4%.
How should I use #03caf6 in a design layout?
Apply #03caf6 as a high-impact accent color for small elements like buttons, toggle switches, or call-to-action icons. Because of its intense brightness, it can overwhelm a layout if used as a primary background, so pair it with neutrals like charcoal to keep your design readable.
Is #03caf6 considered a warm or cool color?
#03caf6 is a distinctly cool color with strong blue and green undertones. Its electric quality makes it feel crisp and cold rather than soft, making it excellent for tech-focused interfaces or brands that want to convey precision, speed, and modern digital energy.
Is #03caf6 readable on white or black?
#03caf6 has a 1.94:1 contrast ratio on white and 10.78: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.