Ninja
An intense, sophisticated, and cool near-black
Ninja is an intense, almost black shade with a subtle, cool sootiness. This near-black offers a sophisticated, high-contrast base for minimal UI designs or luxury branding. Because it provides a sharp 20.6:1 contrast ratio against white text, it works well for readable dark mode layouts. The hex code for this color is #020308. Pair it with muted metallics to maintain a clean, authoritative edge.
About Ninja
Soot at the bottom of a cold hearth
What does ninja mean?
Ninja reads as near-black with a faint blue cast, so it often carries the weight people give black: night, shadow, and restraint. Its extreme darkness and near-total lack of saturation make it feel heavy, still, and dim, like a room an hour after the lamps go out.
Where you see ninja
- charcoal
- ink in a well
- piano lacquer
- ninja uniforms
- burnt matches
- midnight sky
What it works for
Use it as a background that stays black to the eye while its blue undertone keeps large surfaces from looking flat or dead.
What colors go with ninja?
Cadmium Yellow #fff600The saturated yellow cuts through the darkness and gives the near-black a sharp, controlled jolt.Dusty Rose #b56f76The desaturated pink softens the somber base and keeps the pair from turning harsh.Off White #ffffe4The pale neutral gives text and edges maximum lift against the deepest surface in the pair.Slate Blue #6a5acdThe two share a blue undertone, so the pairing reads as one shadow in two depths.Forest Green #154406The dark green stays dim like Ninja while adding just enough hue to break monotony.Amber #ffbf00The warm amber acts like lamplight against a dark room, warming everything it touches.
Questions about Ninja
What is the hex code for Ninja?
Ninja is #020308. In RGB that is rgb(2, 3, 8), in HSL hsl(230, 60%, 2%) and in CMYK 75%, 63%, 0%, 97%.
Is #020308 better for web design than pure black?
Yes, #020308 is often superior because it avoids the harsh eye strain associated with pure black. It offers a softer, more premium look while still maintaining excellent readability when paired with high-contrast text or accent colors.
Is Ninja readable on white or black?
Ninja has a 20.60:1 contrast ratio on white and 1.01:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.