#74ABED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, mid-tone blue sits in a pastel range, offering a clean and airy presence. With its high saturation and lightness, the hex code #74abed serves best as a supporting color in 30% or 10% accents. It pairs well with charcoal greys, but check how to make gray if you need to adjust the balance. This shade provides enough contrast for readable black text in most UI applications.
Questions about #74abed
What is #74abed in RGB, HSL and CMYK?
In RGB, #74abed is rgb(116, 171, 237), in HSL hsl(213, 77%, 69%) and in CMYK 51%, 28%, 0%, 7%. Browse more shades of blue with names and hex codes.
What colors work well with #74abed in design schemes?
#74abed pairs beautifully with neutral charcoal or slate tones to balance its high-energy, airy quality. For a more vibrant palette, consider using soft coral accents to create a lively, balanced contrast that feels intentional and visually engaging.
Is #74abed suitable for text in UI design?
Using #74abed as a background color provides enough contrast for standard black text, meeting basic readability standards for most users. However, avoid using this color for small text on a white background, as the lightness can reduce legibility significantly.
Is #74abed readable on white or black?
#74abed has a 2.38:1 contrast ratio on white and 8.79: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.