#4C73BB

#4c73bb ≈ Tufts Blue

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

#4c73bb “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 29.8% लाल, 45.1% हरे और 73.33% नीले से बना है; CMYK प्रिंट में इसमें 59.36% सियान, 38.5% मैजेंटा, 0% पीला और 26.67% काला लगता है। HSL में इसका ह्यू कोण 218.92°, संतृप्ति 44.94% और चमक 51.57% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.69:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Tufts Blue (#417dc1) है, ΔE 4.86।

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

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

शेड

#4c73bb में धीरे-धीरे काला मिलाया गया।

  1. #4c73bb
  2. #4468a8
  3. #3d5c96
  4. #355183
  5. #2e4570
  6. #263a5e
  7. #1e2e4b
  8. #172338
  9. #0f1725
  10. #080c13
  11. #000000

टिंट

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

  1. #4c73bb
  2. #5e81c2
  3. #708fc9
  4. #829dcf
  5. #94abd6
  6. #a6b9dd
  7. #b7c7e4
  8. #c9d5eb
  9. #dbe3f1
  10. #edf1f8
  11. #ffffff

टोन

#4c73bb में धीरे-धीरे ग्रे मिलाया गया।

  1. #4c73bb
  2. #5174b5
  3. #5676af
  4. #5c77a9
  5. #6178a3
  6. #667a9e
  7. #6b7b98
  8. #707c92
  9. #767d8c
  10. #7b7f86
  11. #808080

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

अक्रोमैटोप्सिया #747474 ≈ 0.003% पुरुष
अक्रोमैटोमली #667396 ≈ 0.001% पुरुष
प्रोटानोपिया #5479be ≈ 1.01% पुरुष
ड्यूटेरानोपिया #466fb9 ≈ 1.27% पुरुष
ट्राइटानोपिया #00838e ≈ 0.0001% पुरुष
प्रोटानोमली #5177bd ≈ 1.08% पुरुष
ड्यूटेरानोमली #4871ba ≈ 4.63% पुरुष
ट्राइटानोमली #297da2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-4c73bb {
  color: #4c73bb;
}
बैकग्राउंड
.bg-4c73bb {
  background-color: #4c73bb;
  color: #ffffff;
}
बॉर्डर
.border-4c73bb {
  border: 2px solid #4c73bb;
}
CSS वेरिएबल
:root {
  --color-primary: #4c73bb;
  --color-primary-rgb: 76 115 187;
  --color-primary-hsl: 219 45% 52%;
}
ग्रेडिएंट
.gradient-4c73bb {
  background: linear-gradient(135deg, #4c73bb, #5d4cbb);
}
रंगीन छाया
.shadow-4c73bb {
  box-shadow: 0 8px 24px rgb(76 115 187 / 0.35);
}

Tufts Blue
#4c73bb  rgb(76, 115, 187)  hsl(219, 45%, 52%)  Tufts Blue
#bb944c  rgb(187, 148, 76)  hsl(39, 45%, 52%)  Camel
#bb4c73  rgb(187, 76, 115)  hsl(339, 45%, 52%)  Telemagenta
#73bb4c  rgb(115, 187, 76)  hsl(99, 45%, 52%)  Mantis