ColorTool
लॉग इन
#5C6FA0

#5c6fa0 ≈ Queen Blue

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

#5c6fa0 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 36.08% लाल, 43.53% हरे और 62.75% नीले से बना है; CMYK प्रिंट में इसमें 42.5% सियान, 30.62% मैजेंटा, 0% पीला और 37.25% काला लगता है। HSL में इसका ह्यू कोण 223.24°, संतृप्ति 26.98% और चमक 49.41% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.96:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Queen Blue (#436b95) है, ΔE 6.4।

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

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

पूरक

  1. #5c6fa0
  2. #a08d5c

विभाजित पूरक

  1. #5c6fa0
  2. #a06b5c
  3. #91a05c

समरूप

  1. #5c91a0
  2. #5c6fa0
  3. #6b5ca0

त्रिक

  1. #5c6fa0
  2. #a05c6f
  3. #6fa05c

चतुष्क

  1. #5c6fa0
  2. #8d5ca0
  3. #a08d5c
  4. #6fa05c

वर्ग

  1. #5c6fa0
  2. #a05c91
  3. #a08d5c
  4. #5ca06b

एकरंगी

  1. #242c3f
  2. #404d6f
  3. #5c6fa0
  4. #8c99bd
  5. #bcc4d9

शेड

#5c6fa0 में धीरे-धीरे काला मिलाया गया।

  1. #5c6fa0
  2. #536490
  3. #4a5980
  4. #404e70
  5. #374360
  6. #2e3850
  7. #252c40
  8. #1c2130
  9. #121620
  10. #090b10
  11. #000000

टिंट

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

  1. #5c6fa0
  2. #6c7daa
  3. #7d8cb3
  4. #8d9abd
  5. #9da9c6
  6. #aeb7d0
  7. #bec5d9
  8. #ced4e3
  9. #dee2ec
  10. #eff1f6
  11. #ffffff

टोन

#5c6fa0 में धीरे-धीरे ग्रे मिलाया गया।

  1. #5c6fa0
  2. #60719d
  3. #63729a
  4. #677496
  5. #6a7693
  6. #6e7890
  7. #72798d
  8. #757b8a
  9. #797d86
  10. #7c7e83
  11. #808080

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

अक्रोमैटोप्सिया #707070 ≈ 0.003% पुरुष
अक्रोमैटोमली #697086 ≈ 0.001% पुरुष
प्रोटानोपिया #5e73a2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #576d9f ≈ 1.27% पुरुष
ट्राइटानोपिया #457980 ≈ 0.0001% पुरुष
प्रोटानोमली #5d72a1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #596e9f ≈ 4.63% पुरुष
ट्राइटानोमली #4f758e ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-5c6fa0 {
  color: #5c6fa0;
}
बैकग्राउंड
.bg-5c6fa0 {
  background-color: #5c6fa0;
  color: #ffffff;
}
बॉर्डर
.border-5c6fa0 {
  border: 2px solid #5c6fa0;
}
CSS वेरिएबल
:root {
  --color-primary: #5c6fa0;
  --color-primary-rgb: 92 111 160;
  --color-primary-hsl: 223 27% 49%;
}
ग्रेडिएंट
.gradient-5c6fa0 {
  background: linear-gradient(135deg, #5c6fa0, #6b5ca0);
}
रंगीन छाया
.shadow-5c6fa0 {
  box-shadow: 0 8px 24px rgb(92 111 160 / 0.35);
}

#436b95 Queen Blue ΔE 6.40 #6082b6 Glaucous ΔE 7.79 #4169e1 Royal Blue ΔE 9.17 #417dc1 Tufts Blue ΔE 9.48 #26619c Lapis Lazuli ΔE 9.71 #1560bd Denim ΔE 9.88 #0073cf True Blue ΔE 10.73 #a3905f उल्टा रंग #707070 ग्रेस्केल 

Queen Blue
#5c6fa0  rgb(92, 111, 160)  hsl(223, 27%, 49%)  Queen Blue
#a08d5c  rgb(160, 141, 92)  hsl(43, 27%, 49%)  Camel
#a05c6f  rgb(160, 92, 111)  hsl(343, 27%, 49%)  Mauve Taupe
#6fa05c  rgb(111, 160, 92)  hsl(103, 27%, 49%)  Asparagus