ColorTool
लॉग इन
#686DA4

#686da4 ≈ Glaucous

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

#686da4 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति हल्की है। RGB मॉडल में यह 40.78% लाल, 42.75% हरे और 64.31% नीले से बना है; CMYK प्रिंट में इसमें 36.59% सियान, 33.54% मैजेंटा, 0% पीला और 35.69% काला लगता है। HSL में इसका ह्यू कोण 235°, संतृप्ति 24.79% और चमक 52.55% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.87:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Glaucous (#6082b6) है, ΔE 9.92।

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

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

पूरक

  1. #686da4
  2. #a49f68

विभाजित पूरक

  1. #686da4
  2. #a48168
  3. #8ba468

समरूप

  1. #688ba4
  2. #686da4
  3. #8168a4

त्रिक

  1. #686da4
  2. #a4686d
  3. #6da468

चतुष्क

  1. #686da4
  2. #9f68a4
  3. #a49f68
  4. #6da468

वर्ग

  1. #686da4
  2. #a4688b
  3. #a49f68
  4. #68a481

एकरंगी

  1. #2b2e48
  2. #484c77
  3. #686da4
  4. #989bc1
  5. #c7c9de

शेड

#686da4 में धीरे-धीरे काला मिलाया गया।

  1. #686da4
  2. #5e6294
  3. #535783
  4. #494c73
  5. #3e4162
  6. #343752
  7. #2a2c42
  8. #1f2131
  9. #151621
  10. #0a0b10
  11. #000000

टिंट

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

  1. #686da4
  2. #777cad
  3. #868ab6
  4. #9599bf
  5. #a4a7c8
  6. #b4b6d2
  7. #c3c5db
  8. #d2d3e4
  9. #e1e2ed
  10. #f0f0f6
  11. #ffffff

टोन

#686da4 में धीरे-धीरे ग्रे मिलाया गया।

  1. #686da4
  2. #6a6fa0
  3. #6d719d
  4. #6f7399
  5. #727596
  6. #747792
  7. #76788e
  8. #797a8b
  9. #7b7c87
  10. #7e7e84
  11. #808080

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

अक्रोमैटोप्सिया #717171 ≈ 0.003% पुरुष
अक्रोमैटोमली #6e7088 ≈ 0.001% पुरुष
प्रोटानोपिया #5c73a6 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #586fa3 ≈ 1.27% पुरुष
ट्राइटानोपिया #577881 ≈ 0.0001% पुरुष
प्रोटानोमली #6171a5 ≈ 1.08% पुरुष
ड्यूटेरानोमली #5f6ea3 ≈ 4.63% पुरुष
ट्राइटानोमली #5e7390 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-686da4 {
  color: #686da4;
}
बैकग्राउंड
.bg-686da4 {
  background-color: #686da4;
  color: #ffffff;
}
बॉर्डर
.border-686da4 {
  border: 2px solid #686da4;
}
CSS वेरिएबल
:root {
  --color-primary: #686da4;
  --color-primary-rgb: 104 109 164;
  --color-primary-hsl: 235 25% 53%;
}
ग्रेडिएंट
.gradient-686da4 {
  background: linear-gradient(135deg, #686da4, #8168a4);
}
रंगीन छाया
.shadow-686da4 {
  box-shadow: 0 8px 24px rgb(104 109 164 / 0.35);
}

#6082b6 Glaucous ΔE 9.92 #436b95 Queen Blue ΔE 9.94 #6a5acd Slate Blue ΔE 10.02 #4169e1 Royal Blue ΔE 11.27 #7851a9 Royal Purple ΔE 11.55 #9678b6 Purple Mountain Majesty ΔE 11.59 #7b68ee Medium Slate Blue ΔE 12.28 #97925b उल्टा रंग #717171 ग्रेस्केल 

Glaucous
#686da4  rgb(104, 109, 164)  hsl(235, 25%, 53%)  Glaucous
#a49f68  rgb(164, 159, 104)  hsl(55, 25%, 53%)  Moss Green
#a4686d  rgb(164, 104, 109)  hsl(355, 25%, 53%)  Copper Rose
#6da468  rgb(109, 164, 104)  hsl(115, 25%, 53%)  Asparagus