#bde0fe
Nearest named color: Broad Daylight
Higher-contrast daytime sky blue, less gray than Cotton Clouds
About Broad Daylight
Broad Daylight is the blue that actually shows up. It's got enough saturation to land firmly on the blue side of the spectrum without looking washed out, but it stays light enough that it won't overwhelm a layout. Unlike Cloudless, which can disappear depending on your monitor, or Cotton Clouds, which leans warmer and softer, this one holds its color consistently across screens. It's the shade you use when pale blue needs to be reliably, unmistakably blue.
You'll reach for this in product dashboards, settings interfaces, and fintech apps where you need a cool secondary surface that reads as intentional rather than accidental. Healthcare software, SaaS onboarding, any place where Breaking the Ice feels too muted but you're not ready for anything deeper. It pairs cleanly with dark slate or navy, and it works harder than it looks, bright enough to feel open, saturated enough to anchor a layout without help.
The thing that sets it apart: it's more direct than its neighbors. Less about disappearing into the background or feeling soft. It's the one you reach for when you want blue that actually reads as a choice.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.