Cabbage Pont

#314831

Color Harmonies

Mathematical Matches
Monochromatic
#5a855a#466646#314831#1c2a1c#080b08
Analogous
#3d4831#314831#31483d
Complementary
#314831#483148
Split-Complementary
#314831#3d3148#48313d
Triadic
#314831#313148#483131
Tetradic (Double Complementary)
#314831#313d48#483148#483d31

Readability & Contrast

Accessibility Audit & WCAG Compliance

Use Case: Standard White Text

White Text

AAA PASS
The Future
is Color.
Contrast Ratio9.99:1
Use Case: Standard Black Text

Black Text

FAIL
The Future
is Color.
Contrast Ratio2.10:1
Optimized AAA Text

Suggested Text

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

Suggested Background

AAA PASS
The Future
is Color.
Contrast Ratio7.06:1
Suggested Complement
#e9d2e9

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-neutral-700Approx

Arbitrary Value (JIT)

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

tailwind.config.js

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