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

slate-200

#e2e8f0

Tailwind CSS v4.3.3 में slate-200 का मान OKLCH में oklch(92.9% 0.013 255.508) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #e2e8f0।

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

क्लास

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

slate-200 पर टेक्स्ट

  • Aaसफ़ेद1.23:1पढ़ना मुश्किल
  • Aaकाला17.05:1पढ़ने लायक · AA
  • Aaslate-95016.37:1पढ़ने लायक · AA

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

Tailwind slate स्केल

  1. 50
  2. 100
  3. 200
  4. 300
  5. 400
  6. 500
  7. 600
  8. 700
  9. 800
  10. 900
  11. 950

दूसरे Tailwind रंगों में शेड 200

सवाल और जवाब

Tailwind slate-200 का हेक्स कोड क्या है?

slate-200 का मान HEX में #e2e8f0, RGB में rgb(226 232 240) और OKLCH में oklch(92.9% 0.013 255.508) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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