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

mauve-500

#79697b

Tailwind CSS v4.3.3 में mauve-500 का मान OKLCH में oklch(54.2% 0.034 322.5) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #79697b।

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

क्लास

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

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

  • Aaसफ़ेद5.1:1पढ़ने लायक · AA
  • Aaकाला4.12:1पढ़ना मुश्किल
  • Aamauve-504.88: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 रंगों में शेड 500

सवाल और जवाब

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

mauve-500 का मान HEX में #79697b, RGB में rgb(121 105 123) और OKLCH में oklch(54.2% 0.034 322.5) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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