#ADAFED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This soft periwinkle brings an airy feel to digital interfaces. With its unsaturated and cool character, it provides a stable, gentle base for branding or background elements. Because black text maintains high contrast against this shade, it remains legible for body copy. The hex code for this color is #adafed. Pair it with deep charcoal tones instead of white to prevent the color from appearing washed out.
Questions about #adafed
What is #adafed in RGB, HSL and CMYK?
In RGB, #adafed is rgb(173, 175, 237), in HSL hsl(238, 64%, 80%) and in CMYK 27%, 26%, 0%, 7%.
How do I best pair #adafed in a UI design?
Use deep charcoal tones instead of harsh white to prevent #adafed from looking washed out. This combination creates high-contrast, accessible layouts that feel balanced and professional without sacrificing the color's airy, soft, and modern quality.
Is #adafed a suitable choice for body text?
While #adafed is excellent for backgrounds and UI elements, it is generally too light for body text. Always pair it with high-contrast, dark typography to ensure your content remains readable and meets modern accessibility standards for your users.
Is #adafed readable on white or black?
#adafed has a 2.07:1 contrast ratio on white and 10.13: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.