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

cyan-50

#ecfeff

Tailwind CSS v4.3.3 में cyan-50 का मान OKLCH में oklch(98.4% 0.019 200.873) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #ecfeff।

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

क्लास

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

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

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

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

Tailwind cyan स्केल

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

cyan-50 का मान HEX में #ecfeff, RGB में rgb(236 254 255) और OKLCH में oklch(98.4% 0.019 200.873) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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