#BDE9FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan acts as a soft, airy base for UI layouts. Because it is very light, #bde9fc often fades against pure white backgrounds, so use it carefully in high-key designs. Black text remains highly legible against this hex code, making it functional for screen interfaces. Pair it with deep charcoal to ground the palette.
Questions about #bde9fc
What is #bde9fc in RGB, HSL and CMYK?
In RGB, #bde9fc is rgb(189, 233, 252), in HSL hsl(198, 91%, 86%) and in CMYK 25%, 8%, 0%, 1%.
What makes #bde9fc difficult to use on white backgrounds?
The color #bde9fc is extremely light and unsaturated, often blending into white backgrounds to the point of invisibility. To maintain accessibility and readability, use it primarily for secondary UI elements or pair it with strong, dark typography like charcoal.
How should I balance #bde9fc in a web design interface?
Because #bde9fc is so airy, it works best as a subtle background shade rather than a primary text color. It provides a clean, breathable feeling for dashboard panels or card headers, especially when contrasted against deeper colors to define the page structure.
Is #bde9fc readable on white or black?
#bde9fc has a 1.29:1 contrast ratio on white and 16.22: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.