#ABD3EA Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #abd3ea graphic
This cool, unsaturated blue leans dusty and soft. Because it is highly legible, the hex code #abd3ea works well for UI backgrounds where you need high contrast with black text. It functions best as a supporting tone in spring palettes or professional branding. If you need a more saturated pop, you might prefer mixing pink to balance the coolness of this shade.

Questions about #abd3ea

What is #abd3ea in RGB, HSL and CMYK?
In RGB, #abd3ea is rgb(171, 211, 234), in HSL hsl(202, 60%, 79%) and in CMYK 27%, 10%, 0%, 8%.
Is #abd3ea a good choice for interface text or backgrounds?
#abd3ea is highly legible when paired with dark text, making it a reliable choice for digital interfaces or website backgrounds. Its muted, unsaturated nature creates enough contrast for readability without causing eye strain, ensuring a clean and professional look for modern UI design.
What colors pair well with #abd3ea?
This blue pairs beautifully with warm, muted neutrals like charcoal or deep slate to ground its airy quality. If you want a more vibrant spring palette, incorporating soft coral or peach tones will balance the coolness of this specific shade effectively.
Is #abd3ea readable on white or black?
#abd3ea has a 1.58:1 contrast ratio on white and 13.23: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.