yellow-50
#fefce8Tailwind 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 स्केल
दूसरे 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 हर रंग के लिए बनाता है।