Cool combinationsDeep tech
MidnightBlue and Cyan Color Combination
A near-black blue with an electric cyan accent gives a night-mode feel in which the accent carries every signal and the surface stays out of the way.
Hex codes #191970 and #00FFFF — a deep tech pair with a 11.84:1 contrast ratio between the two colors.
Values for this combination
- RGB
- rgb(25, 25, 112)
- HSL
- hsl(240, 64%, 27%)
- Hex
- #191970
- RGB
- rgb(0, 255, 255)
- HSL
- hsl(180, 100%, 50%)
- Hex
- #00FFFF
Contrast between MidnightBlue and Cyan
Contrast ratio 11.84:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.
Cyan text on a MidnightBlue surface, at 11.84:1.
MidnightBlue text on a Cyan surface, at 11.84:1.
Where this pair works
- Dark mode UI
- Developer tools
- Cybersecurity
Give MidnightBlue (#191970) roughly 60% of the surface, Cyan (#00FFFF) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.
A five-color set from this pair
MidnightBlue and Cyan as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.
- Pale tint#e1fafabackgrounds and large surfaces · closest to LightCyan
- Primary#191970the dominant color · closest to MidnightBlue
- Secondary#00FFFFthe accent color · closest to Cyan
- Deep shade#0b0b42text, borders and icons · closest to OxfordBlue
- Neutral#f4f6f6dividers and quiet surfaces · closest to WhiteSmoke
Explore MidnightBlue and Cyan on their own
MidnightBlue
More color combinations
Cyan and Fuchsia
#00FFFF · #FF00FFPrint energyOpen combinationBlue and Green
#0000FF · #008000Natural calmOpen combinationTeal and Gray
#008080 · #808080Modern technicalOpen combinationNavy and SkyBlue
#000080 · #87CEEBTrusted rangeOpen combinationBlue and Purple
#0000FF · #800080Creative confidenceOpen combinationDenim and White
#1560BD · #FFFFFFEveryday denimOpen combinationMidnightBlue and Cyan are a deep tech pair: a near-black blue with an electric cyan accent gives a night-mode feel in which the accent carries every signal and the surface stays out of the way.
Frequently asked questions
Yes — this pair is used for dark mode ui, developer tools, cybersecurity. The two colors measure 11.84:1 against each other, which is enough for body text in either direction.
Good to know
- Every value on this page is calculated from #191970 and #00FFFF — nothing is hardcoded.
- Build a longer palette out of MidnightBlue or Cyan in the palette generator, or test your own text pair in the contrast checker.
Put this combination to work
Turn MidnightBlue and Cyan into a full palette, a gradient or a set of shades — or check the pair against WCAG.
