#7D8CB3

#7d8cb3 ≈ Cool Gray

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

#7d8cb3 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति हल्की है। RGB मॉडल में यह 49.02% लाल, 54.9% हरे और 70.2% नीले से बना है; CMYK प्रिंट में इसमें 30.17% सियान, 21.79% मैजेंटा, 0% पीला और 29.8% काला लगता है। HSL में इसका ह्यू कोण 223.33°, संतृप्ति 26.21% और चमक 59.61% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 6.27:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Cool Gray (#8c92ac) है, ΔE 5.24।

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

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

शेड

#7d8cb3 में धीरे-धीरे काला मिलाया गया।

  1. #7d8cb3
  2. #717ea1
  3. #64708f
  4. #58627d
  5. #4b546b
  6. #3f465a
  7. #323848
  8. #262a36
  9. #191c24
  10. #0d0e12
  11. #000000

टिंट

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

  1. #7d8cb3
  2. #8a98bb
  3. #97a3c2
  4. #a4afca
  5. #b1bad1
  6. #bec6d9
  7. #cbd1e1
  8. #d8dde8
  9. #e5e8f0
  10. #f2f4f7
  11. #ffffff

टोन

#7d8cb3 में धीरे-धीरे ग्रे मिलाया गया।

  1. #7d8cb3
  2. #7d8bae
  3. #7e8aa9
  4. #7e88a4
  5. #7e879f
  6. #7f869a
  7. #7f8594
  8. #7f848f
  9. #7f828a
  10. #808185
  11. #808080

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

अक्रोमैटोप्सिया #8c8c8c ≈ 0.003% पुरुष
अक्रोमैटोमली #868c9d ≈ 0.001% पुरुष
प्रोटानोपिया #808fb5 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #7b8ab2 ≈ 1.27% पुरुष
ट्राइटानोपिया #6e9499 ≈ 0.0001% पुरुष
प्रोटानोमली #7f8eb4 ≈ 1.08% पुरुष
ड्यूटेरानोमली #7c8bb2 ≈ 4.63% पुरुष
ट्राइटानोमली #7491a4 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-7d8cb3 {
  color: #7d8cb3;
}
बैकग्राउंड
.bg-7d8cb3 {
  background-color: #7d8cb3;
  color: #000000;
}
बॉर्डर
.border-7d8cb3 {
  border: 2px solid #7d8cb3;
}
CSS वेरिएबल
:root {
  --color-primary: #7d8cb3;
  --color-primary-rgb: 125 140 179;
  --color-primary-hsl: 223 26% 60%;
}
ग्रेडिएंट
.gradient-7d8cb3 {
  background: linear-gradient(135deg, #7d8cb3, #897db3);
}
रंगीन छाया
.shadow-7d8cb3 {
  box-shadow: 0 8px 24px rgb(125 140 179 / 0.35);
}

Cool Gray
#7d8cb3  rgb(125, 140, 179)  hsl(223, 26%, 60%)  Cool Gray
#b3a47d  rgb(179, 164, 125)  hsl(43, 26%, 60%)  Ecru
#b37d8c  rgb(179, 125, 140)  hsl(343, 26%, 60%)  Turkish Rose
#8cb37d  rgb(140, 179, 125)  hsl(103, 26%, 60%)  Asparagus