#6B84BB

#6b84bb ≈ Glaucous

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

#6b84bb “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 41.96% लाल, 51.76% हरे और 73.33% नीले से बना है; CMYK प्रिंट में इसमें 42.78% सियान, 29.41% मैजेंटा, 0% पीला और 26.67% काला लगता है। HSL में इसका ह्यू कोण 221.25°, संतृप्ति 37.04% और चमक 57.65% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.64:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Glaucous (#6082b6) है, ΔE 2.64।

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

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

शेड

#6b84bb में धीरे-धीरे काला मिलाया गया।

  1. #6b84bb
  2. #6077a8
  3. #566a96
  4. #4b5c83
  5. #404f70
  6. #36425e
  7. #2b354b
  8. #202838
  9. #151a25
  10. #0b0d13
  11. #000000

टिंट

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

  1. #6b84bb
  2. #7a90c2
  3. #899dc9
  4. #97a9cf
  5. #a6b5d6
  6. #b5c2dd
  7. #c4cee4
  8. #d3daeb
  9. #e1e6f1
  10. #f0f3f8
  11. #ffffff

टोन

#6b84bb में धीरे-धीरे ग्रे मिलाया गया।

  1. #6b84bb
  2. #6d84b5
  3. #6f83af
  4. #7183a9
  5. #7382a3
  6. #76829e
  7. #788298
  8. #7a8192
  9. #7c818c
  10. #7e8086
  11. #808080

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

अक्रोमैटोप्सिया #848484 ≈ 0.003% पुरुष
अक्रोमैटोमली #7b849d ≈ 0.001% पुरुष
प्रोटानोपिया #7088bd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #6881ba ≈ 1.27% पुरुष
ट्राइटानोपिया #4f8f97 ≈ 0.0001% पुरुष
प्रोटानोमली #6e87bc ≈ 1.08% पुरुष
ड्यूटेरानोमली #6982ba ≈ 4.63% पुरुष
ट्राइटानोमली #5b8ba7 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-6b84bb {
  color: #6b84bb;
}
बैकग्राउंड
.bg-6b84bb {
  background-color: #6b84bb;
  color: #000000;
}
बॉर्डर
.border-6b84bb {
  border: 2px solid #6b84bb;
}
CSS वेरिएबल
:root {
  --color-primary: #6b84bb;
  --color-primary-rgb: 107 132 187;
  --color-primary-hsl: 221 37% 58%;
}
ग्रेडिएंट
.gradient-6b84bb {
  background: linear-gradient(135deg, #6b84bb, #7a6bbb);
}
रंगीन छाया
.shadow-6b84bb {
  box-shadow: 0 8px 24px rgb(107 132 187 / 0.35);
}

Glaucous
#6b84bb  rgb(107, 132, 187)  hsl(221, 37%, 58%)  Glaucous
#bba26b  rgb(187, 162, 107)  hsl(41, 37%, 58%)  Ecru
#bb6b84  rgb(187, 107, 132)  hsl(341, 37%, 58%)  Turkish Rose
#84bb6b  rgb(132, 187, 107)  hsl(101, 37%, 58%)  Pistachio