#166DBB

#166dbb ≈ French Blue

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

#166dbb “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 8.63% लाल, 42.75% हरे और 73.33% नीले से बना है; CMYK प्रिंट में इसमें 88.24% सियान, 41.71% मैजेंटा, 0% पीला और 26.67% काला लगता है। HSL में इसका ह्यू कोण 208.36°, संतृप्ति 78.95% और चमक 40.98% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 5.33:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग French Blue (#0072bb) है, ΔE 2.51।

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

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

शेड

#166dbb में धीरे-धीरे काला मिलाया गया।

  1. #166dbb
  2. #1462a8
  3. #125796
  4. #0f4c83
  5. #0d4170
  6. #0b375e
  7. #092c4b
  8. #072138
  9. #041625
  10. #020b13
  11. #000000

टिंट

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

  1. #166dbb
  2. #2d7cc2
  3. #458ac9
  4. #5c99cf
  5. #73a7d6
  6. #8bb6dd
  7. #a2c5e4
  8. #b9d3eb
  9. #d0e2f1
  10. #e8f0f8
  11. #ffffff

टोन

#166dbb में धीरे-धीरे ग्रे मिलाया गया।

  1. #166dbb
  2. #216fb5
  3. #2b71af
  4. #3673a9
  5. #4075a3
  6. #4b779e
  7. #567898
  8. #607a92
  9. #6b7c8c
  10. #757e86
  11. #808080

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

अक्रोमैटोप्सिया #6b6b6b ≈ 0.003% पुरुष
अक्रोमैटोमली #556c92 ≈ 0.001% पुरुष
प्रोटानोपिया #4673be ≈ 1.01% पुरुष
ड्यूटेरानोपिया #2864b9 ≈ 1.27% पुरुष
ट्राइटानोपिया #00808b ≈ 0.0001% पुरुष
प्रोटानोमली #3870bd ≈ 1.08% पुरुष
ड्यूटेरानोमली #2268ba ≈ 4.63% पुरुष
ट्राइटानोमली #0079a0 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-166dbb {
  color: #166dbb;
}
बैकग्राउंड
.bg-166dbb {
  background-color: #166dbb;
  color: #ffffff;
}
बॉर्डर
.border-166dbb {
  border: 2px solid #166dbb;
}
CSS वेरिएबल
:root {
  --color-primary: #166dbb;
  --color-primary-rgb: 22 109 187;
  --color-primary-hsl: 208 79% 41%;
}
ग्रेडिएंट
.gradient-166dbb {
  background: linear-gradient(135deg, #166dbb, #161bbb);
}
रंगीन छाया
.shadow-166dbb {
  box-shadow: 0 8px 24px rgb(22 109 187 / 0.35);
}

French Blue
#166dbb  rgb(22, 109, 187)  hsl(208, 79%, 41%)  French Blue
#bb6416  rgb(187, 100, 22)  hsl(28, 79%, 41%)  Ginger
#bb166d  rgb(187, 22, 109)  hsl(328, 79%, 41%)  Medium Violet Red
#6dbb16  rgb(109, 187, 22)  hsl(88, 79%, 41%)  Kelly Green