#538FAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dusty blue feels subdued and professional. Because it sits at a mid-range lightness, #538faa works best as a supporting tone in UI design, offering enough contrast for black text to remain readable. Pair it with soft creams or warm grays to avoid a sterile look. The hex code for this ashy, unsaturated blue is #538faa, a reliable choice for finance and security interfaces.
Questions about #538faa
What is #538faa in RGB, HSL and CMYK?
In RGB, #538faa is rgb(83, 143, 170), in HSL hsl(199, 34%, 50%) and in CMYK 51%, 16%, 0%, 33%.
Does #538faa work well for text interfaces?
#538faa is best utilized as a supportive background or accent color rather than primary text. Because it is a mid-range value, placing black text directly over it often lacks sufficient contrast to meet strict accessibility guidelines without careful adjustment.
What colors pair well with #538faa?
You should pair #538faa with warm neutrals like cream or soft gray to ground the coolness. This balance prevents the design from feeling overly sterile and creates a sophisticated, trustworthy palette often seen in financial or security software.
Is #538faa readable on white or black?
#538faa has a 3.57:1 contrast ratio on white and 5.87:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.