#83AAE0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#83aae0 is a dusty, unsaturated periwinkle that balances professional clarity with a soft, approachable feel. Because it lacks intensity, it serves as an excellent UI background color, providing enough contrast for black text to remain legible. Pair this hex code with warm, sandy neutrals to keep the palette from feeling too chilly. It works best in layouts where you need to project reliability without appearing overly corporate.
Questions about #83aae0
What is #83aae0 in RGB, HSL and CMYK?
In RGB, #83aae0 is rgb(131, 170, 224), in HSL hsl(215, 60%, 70%) and in CMYK 42%, 24%, 0%, 12%. Browse more shades of blue with names and hex codes.
What colors pair well with #83aae0?
This shade works best alongside warm, sandy neutrals or deep charcoal to anchor its airy feel. Avoid pairing it with high-intensity neon colors, as the natural muted quality of #83aae0 will cause those brighter tones to clash unpleasantly.
Is #83aae0 a good choice for interface text?
Using #83aae0 for text is generally not recommended due to low contrast against white backgrounds. It serves much better as a subtle background, a header accent, or an icon color where you need professional, reliable, and approachable visual weight.
Is #83aae0 readable on white or black?
#83aae0 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.