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

red-50

#fef2f2

Tailwind CSS v4.3.3 में red-50 का मान OKLCH में oklch(97.1% 0.013 17.38) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #fef2f2।

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

क्लास

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

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

  • Aaसफ़ेद1.09:1पढ़ना मुश्किल
  • Aaकाला19.22:1पढ़ने लायक · AA
  • Aared-95014.78:1पढ़ने लायक · AA

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

Tailwind red स्केल

  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 red-50 का हेक्स कोड क्या है?

red-50 का मान HEX में #fef2f2, RGB में rgb(254 242 242) और OKLCH में oklch(97.1% 0.013 17.38) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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