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

emerald-50

#ecfdf5

Tailwind CSS v4.3.3 में emerald-50 का मान OKLCH में oklch(97.9% 0.021 166.113) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #ecfdf5।

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

क्लास

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

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

  • Aaसफ़ेद1.05:1पढ़ना मुश्किल
  • Aaकाला19.92:1पढ़ने लायक · AA
  • Aaemerald-95014.36:1पढ़ने लायक · AA

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

Tailwind emerald स्केल

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

emerald-50 का मान HEX में #ecfdf5, RGB में rgb(236 253 245) और OKLCH में oklch(97.9% 0.021 166.113) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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