सीधे कलर पिकर पर जाएँ

mauve-900

#1d161e

Tailwind CSS v4.3.3 में mauve-900 का मान OKLCH में oklch(21.2% 0.019 322.12) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #1d161e।

क्लास
OKLCH
HEX
RGB
HSL
CSS
#1d161e को पिकर में खोलेंकंट्रास्ट जाँचें

क्लास

कॉपी करने के लिए क्लिक करें। 50% ओपैसिटी के लिए /50 जोड़ें, जैसे bg-mauve-900/50।

mauve-900 पर टेक्स्ट

  • Aaसफ़ेद17.72:1पढ़ने लायक · AA
  • Aaकाला1.18:1पढ़ना मुश्किल
  • Aamauve-5016.98:1पढ़ने लायक · AA

mauve स्केल का सबसे पढ़ने लायक टेक्स्ट: mauve-50

Tailwind mauve स्केल

  1. 50
  2. 100
  3. 200
  4. 300
  5. 400
  6. 500
  7. 600
  8. 700
  9. 800
  10. 900
  11. 950

दूसरे Tailwind रंगों में शेड 900

सवाल और जवाब

Tailwind mauve-900 का हेक्स कोड क्या है?

mauve-900 का मान HEX में #1d161e, RGB में rgb(29 22 30) और OKLCH में oklch(21.2% 0.019 322.12) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

क्या Tailwind mauve-900 टेक्स्ट के लिए एक्सेसिबल है?

mauve-900 पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 17.72:1 है और काले टेक्स्ट का 1.18:1। WCAG AA को सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 चाहिए, इसलिए यहाँ सफ़ेद टेक्स्ट बेहतर विकल्प है।

Tailwind CSS में mauve-900 का इस्तेमाल कैसे करें?

किसी एलिमेंट में bg-mauve-900, text-mauve-900 या border-mauve-900 जोड़ें। अपनी CSS में var(--color-mauve-900) इस्तेमाल करें, यह वह CSS वेरिएबल है जो Tailwind v4 हर रंग के लिए बनाता है।