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

slate-50

#f8fafc

Tailwind CSS v4.3.3 में slate-50 का मान OKLCH में oklch(98.4% 0.003 247.858) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #f8fafc।

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

क्लास

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

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

  • Aaसफ़ेद1.05:1पढ़ना मुश्किल
  • Aaकाला20.06:1पढ़ने लायक · AA
  • Aaslate-95019.27: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 रंगों में शेड 50

सवाल और जवाब

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

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

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

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

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

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