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

mauve-50

#fafafa

Tailwind CSS v4.3.3 में mauve-50 का मान OKLCH में oklch(98.5% 0 none) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #fafafa।

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

क्लास

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

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

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

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

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 रंगों में शेड 50

सवाल और जवाब

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

mauve-50 का मान HEX में #fafafa, RGB में rgb(250 250 250) और OKLCH में oklch(98.5% 0 none) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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