pink-50
#fdf2f8Tailwind CSS v4.3.3 में pink-50 का मान OKLCH में oklch(97.1% 0.014 343.198) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #fdf2f8।
- क्लास
- OKLCH
- HEX
- RGB
- HSL
- CSS
क्लास
कॉपी करने के लिए क्लिक करें। 50% ओपैसिटी के लिए /50 जोड़ें, जैसे bg-pink-50/50।
pink-50 पर टेक्स्ट
- Aaसफ़ेद1.09:1पढ़ना मुश्किल
- Aaकाला19.21:1पढ़ने लायक · AA
- Aapink-95013.8:1पढ़ने लायक · AA
pink स्केल का सबसे पढ़ने लायक टेक्स्ट: pink-950
Tailwind pink स्केल
दूसरे Tailwind रंगों में शेड 50
सवाल और जवाब
Tailwind pink-50 का हेक्स कोड क्या है?
pink-50 का मान HEX में #fdf2f8, RGB में rgb(253 242 248) और OKLCH में oklch(97.1% 0.014 343.198) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।
क्या Tailwind pink-50 टेक्स्ट के लिए एक्सेसिबल है?
pink-50 पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 1.09:1 है और काले टेक्स्ट का 19.21:1। WCAG AA को सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 चाहिए, इसलिए यहाँ काला टेक्स्ट बेहतर विकल्प है।
Tailwind CSS में pink-50 का इस्तेमाल कैसे करें?
किसी एलिमेंट में bg-pink-50, text-pink-50 या border-pink-50 जोड़ें। अपनी CSS में var(--color-pink-50) इस्तेमाल करें, यह वह CSS वेरिएबल है जो Tailwind v4 हर रंग के लिए बनाता है।