Madison

#282964

Color Harmonies

Mathematical Matches
Monochromatic
#4547ad#373888#282964#191a40#0b0b1b
Analogous
#284764#282964#452864
Complementary
#282964#646328
Split-Complementary
#282964#644528#476428
Triadic
#282964#642829#296428
Tetradic (Double Complementary)
#282964#642847#646328#286445

Readability & Contrast

Accessibility Audit & WCAG Compliance

Use Case: Standard White Text

White Text

AAA PASS
The Future
is Color.
Contrast Ratio13.19:1
Use Case: Standard Black Text

Black Text

FAIL
The Future
is Color.
Contrast Ratio1.59:1
Optimized AAA Text

Suggested Text

AAA PASS
The Future
is Color.
Contrast Ratio7.03:1
Recommended Monochrome
#b8b9ec
Optimized AAA Background

Suggested Background

AAA PASS
The Future
is Color.
Contrast Ratio7.20:1
Suggested Complement
#c7c535

Vision Deficiency Simulations

Protanopia

Red Blind

Deuteranopia

Green Blind

Tritanopia

Blue Blind

Achromatopsia

Total Color Blind

Developer Tools

Ready-to-use snippets for your codebase.

Closest Standard Class

bg-blue-950Approx

Arbitrary Value (JIT)

<div class="bg-[#282964] text-white">
  <!-- Your Content -->
</div>

tailwind.config.js

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'brand': '#282964',
      }
    }
  }
}