olive-50
#fbfbf9Tailwind CSS v4.3.3 में olive-50 का मान OKLCH में oklch(98.8% 0.003 106.5) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #fbfbf9।
- क्लास
- OKLCH
- HEX
- RGB
- HSL
- CSS
क्लास
कॉपी करने के लिए क्लिक करें। 50% ओपैसिटी के लिए /50 जोड़ें, जैसे bg-olive-50/50।
olive-50 पर टेक्स्ट
- Aaसफ़ेद1.03:1पढ़ना मुश्किल
- Aaकाला20.3:1पढ़ने लायक · AA
- Aaolive-95018.93:1पढ़ने लायक · AA
olive स्केल का सबसे पढ़ने लायक टेक्स्ट: olive-950
Tailwind olive स्केल
दूसरे Tailwind रंगों में शेड 50
सवाल और जवाब
Tailwind olive-50 का हेक्स कोड क्या है?
olive-50 का मान HEX में #fbfbf9, RGB में rgb(251 251 249) और OKLCH में oklch(98.8% 0.003 106.5) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।
क्या Tailwind olive-50 टेक्स्ट के लिए एक्सेसिबल है?
olive-50 पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 1.03:1 है और काले टेक्स्ट का 20.3:1। WCAG AA को सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 चाहिए, इसलिए यहाँ काला टेक्स्ट बेहतर विकल्प है।
Tailwind CSS में olive-50 का इस्तेमाल कैसे करें?
किसी एलिमेंट में bg-olive-50, text-olive-50 या border-olive-50 जोड़ें। अपनी CSS में var(--color-olive-50) इस्तेमाल करें, यह वह CSS वेरिएबल है जो Tailwind v4 हर रंग के लिए बनाता है।