ColorTool
लॉग इन
#686FA6

#686fa6 ≈ Glaucous

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

#686fa6 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति हल्की है। RGB मॉडल में यह 40.78% लाल, 43.53% हरे और 65.1% नीले से बना है; CMYK प्रिंट में इसमें 37.35% सियान, 33.13% मैजेंटा, 0% पीला और 34.9% काला लगता है। HSL में इसका ह्यू कोण 233.23°, संतृप्ति 25.83% और चमक 52.94% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.76:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Glaucous (#6082b6) है, ΔE 9.07।

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

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

पूरक

  1. #686fa6
  2. #a69f68

विभाजित पूरक

  1. #686fa6
  2. #a68068
  3. #8ea668

समरूप

  1. #688ea6
  2. #686fa6
  3. #8068a6

त्रिक

  1. #686fa6
  2. #a6686f
  3. #6fa668

चतुष्क

  1. #686fa6
  2. #9f68a6
  3. #a69f68
  4. #6fa668

वर्ग

  1. #686fa6
  2. #a6688e
  3. #a69f68
  4. #68a680

एकरंगी

  1. #2b2f4a
  2. #484d7a
  3. #686fa6
  4. #989dc2
  5. #c8cbdf

शेड

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

  1. #686fa6
  2. #5e6495
  3. #535985
  4. #494e74
  5. #3e4364
  6. #343853
  7. #2a2c42
  8. #1f2132
  9. #151621
  10. #0a0b11
  11. #000000

टिंट

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

  1. #686fa6
  2. #777daf
  3. #868cb8
  4. #959ac1
  5. #a4a9ca
  6. #b4b7d3
  7. #c3c5db
  8. #d2d4e4
  9. #e1e2ed
  10. #f0f1f6
  11. #ffffff

टोन

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

  1. #686fa6
  2. #6a71a2
  3. #6d729e
  4. #6f749b
  5. #727697
  6. #747893
  7. #76798f
  8. #797b8b
  9. #7b7d88
  10. #7e7e84
  11. #808080

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

अक्रोमैटोप्सिया #737373 ≈ 0.003% पुरुष
अक्रोमैटोमली #6f718a ≈ 0.001% पुरुष
प्रोटानोपिया #5d75a8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #5971a5 ≈ 1.27% पुरुष
ट्राइटानोपिया #567a83 ≈ 0.0001% पुरुष
प्रोटानोमली #6273a7 ≈ 1.08% पुरुष
ड्यूटेरानोमली #6070a5 ≈ 4.63% पुरुष
ट्राइटानोमली #5e7692 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#6082b6 Glaucous ΔE 9.07 #436b95 Queen Blue ΔE 9.68 #6a5acd Slate Blue ΔE 10.20 #4169e1 Royal Blue ΔE 10.85 #9678b6 Purple Mountain Majesty ΔE 11.62 #7b68ee Medium Slate Blue ΔE 12.02 #417dc1 Tufts Blue ΔE 12.13 #979059 उल्टा रंग #737373 ग्रेस्केल 

Glaucous
#686fa6  rgb(104, 111, 166)  hsl(233, 26%, 53%)  Glaucous
#a69f68  rgb(166, 159, 104)  hsl(53, 26%, 53%)  Ecru
#a6686f  rgb(166, 104, 111)  hsl(353, 26%, 53%)  Copper Rose
#6fa668  rgb(111, 166, 104)  hsl(113, 26%, 53%)  Asparagus