ColorTool
लॉग इन
#3C5CC6

#3c5cc6 ≈ Sapphire

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

#3c5cc6 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 23.53% लाल, 36.08% हरे और 77.65% नीले से बना है; CMYK प्रिंट में इसमें 69.7% सियान, 53.54% मैजेंटा, 0% पीला और 22.35% काला लगता है। HSL में इसका ह्यू कोण 226.09°, संतृप्ति 54.76% और चमक 50.59% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 5.93:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Sapphire (#0f52ba) है, ΔE 4.85।

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

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

पूरक

  1. #3c5cc6
  2. #c6a63c

विभाजित पूरक

  1. #3c5cc6
  2. #c6613c
  3. #a1c63c

समरूप

  1. #3ca1c6
  2. #3c5cc6
  3. #613cc6

त्रिक

  1. #3c5cc6
  2. #c63c5c
  3. #5cc63c

चतुष्क

  1. #3c5cc6
  2. #a63cc6
  3. #c6a63c
  4. #5cc63c

वर्ग

  1. #3c5cc6
  2. #c63ca1
  3. #c6a63c
  4. #3cc661

एकरंगी

  1. #182551
  2. #29408c
  3. #3c5cc6
  4. #778dd7
  5. #b2bfe9

शेड

#3c5cc6 में धीरे-धीरे काला मिलाया गया।

  1. #3c5cc6
  2. #3653b2
  3. #304a9e
  4. #2a408b
  5. #243777
  6. #1e2e63
  7. #18254f
  8. #121c3b
  9. #0c1228
  10. #060914
  11. #000000

टिंट

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

  1. #3c5cc6
  2. #506ccc
  3. #637dd1
  4. #778dd7
  5. #8a9ddd
  6. #9eaee3
  7. #b1bee8
  8. #c5ceee
  9. #d8def4
  10. #eceff9
  11. #ffffff

टोन

#3c5cc6 में धीरे-धीरे ग्रे मिलाया गया।

  1. #3c5cc6
  2. #4360bf
  3. #4a63b8
  4. #5067b1
  5. #576aaa
  6. #5e6ea3
  7. #65729c
  8. #6c7595
  9. #72798e
  10. #797c87
  11. #808080

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

अक्रोमैटोप्सिया #646464 ≈ 0.003% पुरुष
अक्रोमैटोमली #576195 ≈ 0.001% पुरुष
प्रोटानोपिया #0c6aca ≈ 1.01% पुरुष
ड्यूटेरानोपिया #005ec4 ≈ 1.27% पुरुष
ट्राइटानोपिया #007588 ≈ 0.0001% पुरुष
प्रोटानोमली #2765c8 ≈ 1.08% पुरुष
ड्यूटेरानोमली #125dc5 ≈ 4.63% पुरुष
ट्राइटानोमली #006ca4 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-3c5cc6 {
  color: #3c5cc6;
}
बैकग्राउंड
.bg-3c5cc6 {
  background-color: #3c5cc6;
  color: #ffffff;
}
बॉर्डर
.border-3c5cc6 {
  border: 2px solid #3c5cc6;
}
CSS वेरिएबल
:root {
  --color-primary: #3c5cc6;
  --color-primary-rgb: 60 92 198;
  --color-primary-hsl: 226 55% 51%;
}
ग्रेडिएंट
.gradient-3c5cc6 {
  background: linear-gradient(135deg, #3c5cc6, #613cc6);
}
रंगीन छाया
.shadow-3c5cc6 {
  box-shadow: 0 8px 24px rgb(60 92 198 / 0.35);
}

#0f52ba Sapphire ΔE 4.85 #1560bd Denim ΔE 5.17 #4169e1 Royal Blue ΔE 5.59 #4166f5 Ultramarine Blue ΔE 7.04 #5a4fcf Iris ΔE 7.13 #436b95 Queen Blue ΔE 7.65 #26619c Lapis Lazuli ΔE 7.80 #c3a339 उल्टा रंग #646464 ग्रेस्केल 

Sapphire
#3c5cc6  rgb(60, 92, 198)  hsl(226, 55%, 51%)  Sapphire
#c6a63c  rgb(198, 166, 60)  hsl(46, 55%, 51%)  Metallic Gold
#c63c5c  rgb(198, 60, 92)  hsl(346, 55%, 51%)  Brick Red
#5cc63c  rgb(92, 198, 60)  hsl(106, 55%, 51%)  Lime Green