ColorTool
लॉग इन
#7C8DD0

#7c8dd0 ≈ Glaucous

  • नीला
  • चमक: अधिक
  • संतृप्ति: मध्यम
  • ठंडा
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#7c8dd0 “नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 48.63% लाल, 55.29% हरे और 81.57% नीले से बना है; CMYK प्रिंट में इसमें 40.38% सियान, 32.21% मैजेंटा, 0% पीला और 18.43% काला लगता है। HSL में इसका ह्यू कोण 227.86°, संतृप्ति 47.19% और चमक 65.1% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 6.58:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Glaucous (#6082b6) है, ΔE 6.89।

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

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

पूरक

  1. #7c8dd0
  2. #d0bf7c

विभाजित पूरक

  1. #7c8dd0
  2. #d0957c
  3. #b7d07c

समरूप

  1. #7cb7d0
  2. #7c8dd0
  3. #957cd0

त्रिक

  1. #7c8dd0
  2. #d07c8d
  3. #8dd07c

चतुष्क

  1. #7c8dd0
  2. #bf7cd0
  3. #d0bf7c
  4. #8dd07c

वर्ग

  1. #7c8dd0
  2. #d07cb7
  3. #d0bf7c
  4. #7cd095

एकरंगी

  1. #2f4084
  2. #445cbc
  3. #7c8dd0
  4. #b4bee4
  5. #edeff8

शेड

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

  1. #7c8dd0
  2. #707fbb
  3. #6371a6
  4. #576392
  5. #4a557d
  6. #3e4768
  7. #323853
  8. #252a3e
  9. #191c2a
  10. #0c0e15
  11. #000000

टिंट

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

  1. #7c8dd0
  2. #8998d5
  3. #96a4d9
  4. #a3afde
  5. #b0bbe3
  6. #bec6e8
  7. #cbd1ec
  8. #d8ddf1
  9. #e5e8f6
  10. #f2f4fa
  11. #ffffff

टोन

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

  1. #7c8dd0
  2. #7c8cc8
  3. #7d8ac0
  4. #7d89b8
  5. #7e88b0
  6. #7e87a8
  7. #7e85a0
  8. #7f8498
  9. #7f8390
  10. #808188
  11. #808080

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

अक्रोमैटोप्सिया #909090 ≈ 0.003% पुरुष
अक्रोमैटोमली #888fad ≈ 0.001% पुरुष
प्रोटानोपिया #7694d3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #6f8dce ≈ 1.27% पुरुष
ट्राइटानोपिया #619aa5 ≈ 0.0001% पुरुष
प्रोटानोमली #7991d2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #758dcf ≈ 4.63% पुरुष
ट्राइटानोमली #6d95b8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-7c8dd0 {
  color: #7c8dd0;
}
बैकग्राउंड
.bg-7c8dd0 {
  background-color: #7c8dd0;
  color: #000000;
}
बॉर्डर
.border-7c8dd0 {
  border: 2px solid #7c8dd0;
}
CSS वेरिएबल
:root {
  --color-primary: #7c8dd0;
  --color-primary-rgb: 124 141 208;
  --color-primary-hsl: 228 47% 65%;
}
ग्रेडिएंट
.gradient-7c8dd0 {
  background: linear-gradient(135deg, #7c8dd0, #957cd0);
}
रंगीन छाया
.shadow-7c8dd0 {
  box-shadow: 0 8px 24px rgb(124 141 208 / 0.35);
}

#6082b6 Glaucous ΔE 6.89 #6495ed Cornflower Blue ΔE 7.40 #5b92e5 United Nations Blue ΔE 7.95 #8c92ac Cool Gray ΔE 10.10 #5d8aa8 Air Force Blue ΔE 10.70 #778899 Light Slate Gray ΔE 10.84 #778899 Light Slate Grey ΔE 10.84 #83722f उल्टा रंग #909090 ग्रेस्केल 

Glaucous
#7c8dd0  rgb(124, 141, 208)  hsl(228, 47%, 65%)  Glaucous
#d0bf7c  rgb(208, 191, 124)  hsl(48, 47%, 65%)  Dark Khaki
#d07c8d  rgb(208, 124, 141)  hsl(348, 47%, 65%)  Puce
#8dd07c  rgb(141, 208, 124)  hsl(108, 47%, 65%)  Pistachio