Morning Glory

#96eaec

Color Harmonies

Mathematical Matches
Monochromatic
#ecfbfc#c1f3f4#96eaec#6be1e4#40d9dc
Analogous
#96ecc2#96ebec#96c0ec
Complementary
#96ebec#ec9796
Split-Complementary
#96ebec#ec96c0#ecc296
Triadic
#96ebec#ec96eb#ebec96
Tetradic (Double Complementary)
#96ebec#c296ec#ec9796#c0ec96

Readability & Contrast

Accessibility Audit & WCAG Compliance

Use Case: Standard White Text

White Text

FAIL
The Future
is Color.
Contrast Ratio1.37:1
Use Case: Standard Black Text

Black Text

AAA PASS
The Future
is Color.
Contrast Ratio15.27:1
Optimized AAA Text

Suggested Text

AAA PASS
The Future
is Color.
Contrast Ratio7.00:1
Recommended Monochrome
#074d4e
Optimized AAA Background

Suggested Background

AAA PASS
The Future
is Color.
Contrast Ratio7.01:1
Suggested Complement
#8c0d0c

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-teal-200Approx

Arbitrary Value (JIT)

<div class="bg-[#96eaec] text-black">
  <!-- Your Content -->
</div>

tailwind.config.js

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