#2FA5CE

#2fa5ce ≈ Bondi Blue

  • आसमानी
  • चमक: मध्यम
  • संतृप्ति: तेज़
  • ठंडा

#2fa5ce “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 18.43% लाल, 64.71% हरे और 80.78% नीले से बना है; CMYK प्रिंट में इसमें 77.18% सियान, 19.9% मैजेंटा, 0% पीला और 19.22% काला लगता है। HSL में इसका ह्यू कोण 195.47°, संतृप्ति 62.85% और चमक 49.61% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 7.39:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Bondi Blue (#0095b6) है, ΔE 6.11।

यह विवरण इस रंग के मापे गए गुणों से बनाया गया है।

#2fa5ce के अन्य कलर स्पेस में मान
HEX
RGB
RGB प्रतिशत
CMY
CMYK
HSL
HSV / HSB
वेब-सेफ़#3399cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
बाइनरी
दशमलव
सापेक्ष ल्यूमिनेंस0.3197

शेड

#2fa5ce में धीरे-धीरे काला मिलाया गया।

  1. #2fa5ce
  2. #2a95b9
  3. #2684a5
  4. #217490
  5. #1c637c
  6. #185367
  7. #134252
  8. #0e323e
  9. #092129
  10. #051115
  11. #000000

टिंट

#2fa5ce में धीरे-धीरे सफ़ेद मिलाया गया।

  1. #2fa5ce
  2. #44aed3
  3. #59b7d8
  4. #6dc0dd
  5. #82c9e2
  6. #97d2e7
  7. #acdbeb
  8. #c1e4f0
  9. #d5edf5
  10. #eaf6fa
  11. #ffffff

टोन

#2fa5ce में धीरे-धीरे ग्रे मिलाया गया।

  1. #2fa5ce
  2. #37a1c6
  3. #3f9ebe
  4. #479ab7
  5. #4f96af
  6. #5893a7
  7. #608f9f
  8. #688b97
  9. #708790
  10. #788488
  11. #808080

पढ़ने योग्य टेक्स्ट 2.84:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
पढ़ने योग्य टेक्स्ट 7.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

अक्रोमैटोप्सिया #999999 ≈ 0.003% पुरुष
अक्रोमैटोमली #7c9eb1 ≈ 0.001% पुरुष
प्रोटानोपिया #8fa2d0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #7a93cd ≈ 1.27% पुरुष
ट्राइटानोपिया #00b1b2 ≈ 0.0001% पुरुष
प्रोटानोमली #74a3cf ≈ 1.08% पुरुष
ड्यूटेरानोमली #649ace ≈ 4.63% पुरुष
ट्राइटानोमली #00acbe ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

इस रंग में टेक्स्ट

इस रंग में बैकग्राउंड

इस रंग में बॉर्डर

टेक्स्ट रंग
.text-2fa5ce {
  color: #2fa5ce;
}
बैकग्राउंड
.bg-2fa5ce {
  background-color: #2fa5ce;
  color: #000000;
}
बॉर्डर
.border-2fa5ce {
  border: 2px solid #2fa5ce;
}
CSS वेरिएबल
:root {
  --color-primary: #2fa5ce;
  --color-primary-rgb: 47 165 206;
  --color-primary-hsl: 195 63% 50%;
}
ग्रेडिएंट
.gradient-2fa5ce {
  background: linear-gradient(135deg, #2fa5ce, #2f56ce);
}
रंगीन छाया
.shadow-2fa5ce {
  box-shadow: 0 8px 24px rgb(47 165 206 / 0.35);
}

Bondi Blue
#2fa5ce  rgb(47, 165, 206)  hsl(195, 63%, 50%)  Bondi Blue
#ce582f  rgb(206, 88, 47)  hsl(15, 63%, 50%)  Flame
#ce2fa5  rgb(206, 47, 165)  hsl(315, 63%, 50%)  Medium Violet Red
#a5ce2f  rgb(165, 206, 47)  hsl(75, 63%, 50%)  Yellow Green