#90CAF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, unsaturated blue brings an airy feel to modern interface designs. Because of its high lightness, #90caf4 functions best as a soft background or a secondary accent rather than a primary call-to-action color. It pairs cleanly with charcoal grays for a professional look, ensuring text remains legible. The hex code for this cool tone is #90caf4.
Questions about #90caf4
What is #90caf4 in RGB, HSL and CMYK?
In RGB, #90caf4 is rgb(144, 202, 244), in HSL hsl(205, 82%, 76%) and in CMYK 41%, 17%, 0%, 4%.
What colors pair best with #90caf4 for UI design?
Is #90caf4 suitable for primary call-to-action buttons?
#90caf4 lacks the saturation and visual weight required for a primary call-to-action button, as it often blends too easily into light backgrounds. Reserve this shade for secondary elements, hover states, or subtle background fills to maintain a clean, high-end aesthetic.
Is #90caf4 readable on white or black?
#90caf4 has a 1.75:1 contrast ratio on white and 11.94: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.