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

yellow-50

#fefce8

Tailwind CSS v4.3.3 में yellow-50 का मान OKLCH में oklch(98.7% 0.026 102.212) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #fefce8।

क्लास
OKLCH
HEX
RGB
HSL
CSS

क्लास

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

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

  • Aaसफ़ेद1.04:1पढ़ना मुश्किल
  • Aaकाला20.29:1पढ़ने लायक · AA
  • Aayellow-95014.07:1पढ़ने लायक · AA

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

Tailwind yellow स्केल

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

yellow-50 का मान HEX में #fefce8, RGB में rgb(254 252 232) और OKLCH में oklch(98.7% 0.026 102.212) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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