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

orange-50

#fff7ed

Tailwind CSS v4.3.3 में orange-50 का मान OKLCH में oklch(98% 0.016 73.684) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #fff7ed।

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

क्लास

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

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

  • Aaसफ़ेद1.06:1पढ़ना मुश्किल
  • Aaकाला19.79:1पढ़ने लायक · AA
  • Aaorange-95014.76:1पढ़ने लायक · AA

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

Tailwind orange स्केल

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

orange-50 का मान HEX में #fff7ed, RGB में rgb(255 247 237) और OKLCH में oklch(98% 0.016 73.684) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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