ColorTool
लॉग इन
#676CE5

#676ce5 ≈ Medium Slate Blue

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

#676ce5 “नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 40.39% लाल, 42.35% हरे और 89.8% नीले से बना है; CMYK प्रिंट में इसमें 55.02% सियान, 52.84% मैजेंटा, 0% पीला और 10.2% काला लगता है। HSL में इसका ह्यू कोण 237.62°, संतृप्ति 70.79% और चमक 65.1% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.85:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Medium Slate Blue (#7b68ee) है, ΔE 4.09।

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

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

पूरक

  1. #676ce5
  2. #e5e067

विभाजित पूरक

  1. #676ce5
  2. #e5a167
  3. #abe567

समरूप

  1. #67abe5
  2. #676ce5
  3. #a167e5

त्रिक

  1. #676ce5
  2. #e5676c
  3. #6ce567

चतुष्क

  1. #676ce5
  2. #e067e5
  3. #e5e067
  4. #6ce567

वर्ग

  1. #676ce5
  2. #e567ab
  3. #e5e067
  4. #67e5a1

एकरंगी

  1. #1a1f99
  2. #262dda
  3. #676ce5
  4. #a8abf0
  5. #eaeafb

शेड

#676ce5 में धीरे-धीरे काला मिलाया गया।

  1. #676ce5
  2. #5d61ce
  3. #5256b7
  4. #484ca0
  5. #3e4189
  6. #343673
  7. #292b5c
  8. #1f2045
  9. #15162e
  10. #0a0b17
  11. #000000

टिंट

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

  1. #676ce5
  2. #767be8
  3. #8589ea
  4. #9598ed
  5. #a4a7ef
  6. #b3b6f2
  7. #c2c4f5
  8. #d1d3f7
  9. #e1e2fa
  10. #f0f0fc
  11. #ffffff

टोन

#676ce5 में धीरे-धीरे ग्रे मिलाया गया।

  1. #676ce5
  2. #6a6edb
  3. #6c70d1
  4. #6f72c7
  5. #7174bd
  6. #7476b3
  7. #7678a8
  8. #797a9e
  9. #7b7c94
  10. #7e7e8a
  11. #808080

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

अक्रोमैटोप्सिया #797979 ≈ 0.003% पुरुष
अक्रोमैटोमली #7274af ≈ 0.001% पुरुष
प्रोटानोपिया #247fe9 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #0174e2 ≈ 1.27% पुरुष
ट्राइटानोपिया #25889e ≈ 0.0001% पुरुष
प्रोटानोमली #4878e8 ≈ 1.08% पुरुष
ड्यूटेरानोमली #4271e3 ≈ 4.63% पुरुष
ट्राइटानोमली #487dbf ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-676ce5 {
  color: #676ce5;
}
बैकग्राउंड
.bg-676ce5 {
  background-color: #676ce5;
  color: #000000;
}
बॉर्डर
.border-676ce5 {
  border: 2px solid #676ce5;
}
CSS वेरिएबल
:root {
  --color-primary: #676ce5;
  --color-primary-rgb: 103 108 229;
  --color-primary-hsl: 238 71% 65%;
}
ग्रेडिएंट
.gradient-676ce5 {
  background: linear-gradient(135deg, #676ce5, #a167e5);
}
रंगीन छाया
.shadow-676ce5 {
  box-shadow: 0 8px 24px rgb(103 108 229 / 0.35);
}

#7b68ee Medium Slate Blue ΔE 4.09 #4166f5 Ultramarine Blue ΔE 4.92 #4169e1 Royal Blue ΔE 5.61 #6a5acd Slate Blue ΔE 6.97 #0070ff Brandeis Blue ΔE 8.37 #6050dc Majorelle Blue ΔE 8.75 #9370db Medium Purple ΔE 8.85 #98931a उल्टा रंग #797979 ग्रेस्केल 

Medium Slate Blue
#676ce5  rgb(103, 108, 229)  hsl(238, 71%, 65%)  Medium Slate Blue
#e5e067  rgb(229, 224, 103)  hsl(58, 71%, 65%)  Straw
#e5676c  rgb(229, 103, 108)  hsl(358, 71%, 65%)  Indian Red
#6ce567  rgb(108, 229, 103)  hsl(118, 71%, 65%)  Pastel Green