#99DADD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#99dadd is a light, dusty cyan with a cool, airy character. Because it is highly unsaturated, this pastel works effectively as a spacious background in modern UI design. It pairs well with deep charcoals, as black text provides high contrast against this pale shade. Avoid using it alongside stark whites, which can wash it out and make the color appear muddy on screen.
Questions about #99dadd
What is #99dadd in RGB, HSL and CMYK?
In RGB, #99dadd is rgb(153, 218, 221), in HSL hsl(183, 50%, 73%) and in CMYK 31%, 1%, 0%, 13%.
What is the best way to use #99dadd in a design?
Use #99dadd as a spacious, airy background to anchor your layout, but pair it with charcoal or deep navy text to ensure readability. Because it is highly unsaturated, this color creates a calm, modern feel that avoids the starkness of standard blue.
Does #99dadd work well with white text?
Avoid using white text against #99dadd, as the contrast ratio is usually insufficient for accessibility standards. The pale, dusty nature of this hue will wash out any light text, making it difficult for users to read on screens or print materials.
Is #99dadd readable on white or black?
#99dadd has a 1.56:1 contrast ratio on white and 13.42: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.