#166FBC

#166fbc ≈ French Blue

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

#166fbc “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 8.63% लाल, 43.53% हरे और 73.73% नीले से बना है; CMYK प्रिंट में इसमें 88.3% सियान, 40.96% मैजेंटा, 0% पीला और 26.27% काला लगता है। HSL में इसका ह्यू कोण 207.83°, संतृप्ति 79.05% और चमक 41.18% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 5.21:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग French Blue (#0072bb) है, ΔE 1.85।

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

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

शेड

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

  1. #166fbc
  2. #1464a9
  3. #125996
  4. #0f4e84
  5. #0d4371
  6. #0b385e
  7. #092c4b
  8. #072138
  9. #041626
  10. #020b13
  11. #000000

टिंट

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

  1. #166fbc
  2. #2d7dc3
  3. #458cc9
  4. #5c9ad0
  5. #73a9d7
  6. #8bb7de
  7. #a2c5e4
  8. #b9d4eb
  9. #d0e2f2
  10. #e8f1f8
  11. #ffffff

टोन

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

  1. #166fbc
  2. #2171b6
  3. #2b72b0
  4. #3674aa
  5. #4076a4
  6. #4b789e
  7. #567998
  8. #607b92
  9. #6b7d8c
  10. #757e86
  11. #808080

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

अक्रोमैटोप्सिया #6d6d6d ≈ 0.003% पुरुष
अक्रोमैटोमली #576e93 ≈ 0.001% पुरुष
प्रोटानोपिया #4874bf ≈ 1.01% पुरुष
ड्यूटेरानोपिया #2c66ba ≈ 1.27% पुरुष
ट्राइटानोपिया #00828c ≈ 0.0001% पुरुष
प्रोटानोमली #3a72be ≈ 1.08% पुरुष
ड्यूटेरानोमली #256abb ≈ 4.63% पुरुष
ट्राइटानोमली #007ba1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

French Blue
#166fbc  rgb(22, 111, 188)  hsl(208, 79%, 41%)  French Blue
#bc6316  rgb(188, 99, 22)  hsl(28, 79%, 41%)  Ginger
#bc166f  rgb(188, 22, 111)  hsl(328, 79%, 41%)  Medium Violet Red
#6fbc16  rgb(111, 188, 22)  hsl(88, 79%, 41%)  Kelly Green