#A3DBE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a3dbe2 is a pale, muted cyan with a cool blue-green cast and a light, airy presence. Its restrained saturation supports softness, cleanliness, and youthful designs without feeling stark. Use it as a dominant UI or spring-themed background, paired with navy or soft coral. Black text reaches about 13.8:1 contrast, meeting WCAG AA. The hex code is #a3dbe2.
Questions about #a3dbe2
What is #a3dbe2 in RGB, HSL and CMYK?
In RGB, #a3dbe2 is rgb(163, 219, 226), in HSL hsl(187, 52%, 76%) and in CMYK 28%, 3%, 0%, 11%.
What colors pair well with #a3dbe2?
Navy text and soft coral accents pair well with #a3dbe2, balancing its pale, cool cyan base with deeper contrast and a warmer note for interfaces, seasonal layouts, buttons, and other focused design elements. Use navy for headings or text, and reserve soft coral for highlights.
Does #a3dbe2 read as a warm or cool color?
#a3dbe2 reads as a cool color because its pale cyan base leans blue-green, with more blue influence than yellow or red, making it feel cleaner and more refreshing in interfaces, backgrounds, and spring-inspired palettes. Its muted saturation keeps that coolness gentle rather than stark.
Is #a3dbe2 readable on white or black?
#a3dbe2 has a 1.52:1 contrast ratio on white and 13.78: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.