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

emerald-100

#d0fae5

Tailwind CSS v4.3.3 में emerald-100 का मान OKLCH में oklch(95% 0.052 163.051) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #d0fae5।

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

क्लास

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

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

  • Aaसफ़ेद1.14:1पढ़ना मुश्किल
  • Aaकाला18.5:1पढ़ने लायक · AA
  • Aaemerald-95013.33: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 रंगों में शेड 100

सवाल और जवाब

Tailwind emerald-100 का हेक्स कोड क्या है?

emerald-100 का मान HEX में #d0fae5, RGB में rgb(208 250 229) और OKLCH में oklch(95% 0.052 163.051) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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