vibrant
Midnight Blue and Verdigris
5.87:1 contrast ratio —
AAVisual Preview
#191970Midnight Blue
#43B3AEVerdigris
The quick brown fox
Body text — Midnight Blue on Verdigris
Supporting text at reduced opacity
Badge
Reversed — Verdigris on Midnight Blue
Inverted combination preview
Contrast Analysis
Contrast Ratio
5.87:1
AAWCAG AA
✓ Pass
Requires 4.5:1
WCAG AA Large
✓ Pass
Requires 3:1
WCAG AAA
✗ Fail
Requires 7:1
Color Values
Midnight Blue
Foreground (Text)
- HEX
- #191970
- RGB
- rgb(25, 25, 112)
- HSL
- hsl(240, 64%, 27%)
Verdigris
Background
- HEX
- #43B3AE
- RGB
- rgb(67, 179, 174)
- HSL
- hsl(177, 46%, 48%)
Design Use Cases
- UI components
- Navigation
- Call-to-action buttons
- Form labels
Industry Recommendations
Technology
Healthcare Tech
Travel
Aquatics
Innovation
Color Psychology
The Midnight Blue tone evokes trust, stability, and professionalism, while Verdigris brings balance, tranquility, and clarity. Together, they create a balanced palette suited for compelling visual communication.
Palette Exports
:root {
--color-midnight-blue: #191970;
--color-verdigris: #43B3AE;
}
.combo-midnight-blue-verdigris {
color: var(--color-midnight-blue);
background-color: var(--color-verdigris);
}Quick Snippets
CSS Variables
:root {
--color-midnight-blue: #191970;
--color-verdigris: #43B3AE;
}Tailwind CSS
<div class="bg-teal-500 text-indigo-900"> Your content here </div>