vibrant
Midnight Blue and Turquoise
9.04:1 contrast ratio —
AAAVisual Preview
#191970Midnight Blue
#40E0D0Turquoise
The quick brown fox
Body text — Midnight Blue on Turquoise
Supporting text at reduced opacity
Badge
Reversed — Turquoise on Midnight Blue
Inverted combination preview
Contrast Analysis
Contrast Ratio
9.04:1
AAAWCAG AA
✓ Pass
Requires 4.5:1
WCAG AA Large
✓ Pass
Requires 3:1
WCAG AAA
✓ Pass
Requires 7:1
Color Values
Midnight Blue
Foreground (Text)
- HEX
- #191970
- RGB
- rgb(25, 25, 112)
- HSL
- hsl(240, 64%, 27%)
Turquoise
Background
- HEX
- #40E0D0
- RGB
- rgb(64, 224, 208)
- HSL
- hsl(174, 72%, 56%)
Design Use Cases
- Accessibility-critical text
- Body copy
- Public sector services
- Medical content
Industry Recommendations
Technology
Healthcare Tech
Travel
Aquatics
Innovation
Color Psychology
The Midnight Blue tone evokes trust, stability, and professionalism, while Turquoise brings balance, tranquility, and clarity. Together, they create a balanced palette suited for compelling visual communication.
Palette Exports
:root {
--color-midnight-blue: #191970;
--color-turquoise: #40E0D0;
}
.combo-midnight-blue-turquoise {
color: var(--color-midnight-blue);
background-color: var(--color-turquoise);
}Quick Snippets
CSS Variables
:root {
--color-midnight-blue: #191970;
--color-turquoise: #40E0D0;
}Tailwind CSS
<div class="bg-teal-400 text-indigo-900"> Your content here </div>