Child of the Night

#220077

Near-black violet for high-drama modal backdrops

Save
Share

About Child of the Night

Child of the Night is the purple that actually commits to being dark. It's warmer and more saturated than the colors around it, which means it doesn't dissolve into the background the way does, it sits there with actual presence. This is the one that reads as intentional purple, not apologetic blue or generic dark.

Use it in dark mode interfaces, fintech dashboards, and medical software where you need a secondary color with personality but not noise. Form fields, interactive states, subtle icon work, navigation elements that should breathe a little. It punches harder than Below the Surface against near-black backgrounds, but stays grounded enough that it won't create that uncomfortable glow problem. Against deep gray it reads clean. Against true black it holds.

The difference matters: pair it with cool neutrals and you get definition. Pair it with warm grays or anything approaching cream and it shifts fast, starts feeling disconnected. Test it in your actual backgrounds first, this one's temperature-sensitive, but when it lands right, it works harder than lighter purples do in dark contexts.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
15.74:1AAA

On Gray 100 #f5f5f5

Aa
14.43:1AAA

On Gray 900 #18181b

Aa
1.13:1Fail

On Black #000000

Aa
1.33:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Child of the Night

Open the generator with this color pre-loaded.

Start creating