ColorTool
लॉग इन
#3C57CE

#3c57ce ≈ Sapphire

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

#3c57ce “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 23.53% लाल, 34.12% हरे और 80.78% नीले से बना है; CMYK प्रिंट में इसमें 70.87% सियान, 57.77% मैजेंटा, 0% पीला और 19.22% काला लगता है। HSL में इसका ह्यू कोण 228.9°, संतृप्ति 59.84% और चमक 52.16% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 6.09:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Sapphire (#0f52ba) है, ΔE 5.23।

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

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

पूरक

  1. #3c57ce
  2. #ceb33c

विभाजित पूरक

  1. #3c57ce
  2. #ce6a3c
  3. #a0ce3c

समरूप

  1. #3ca0ce
  2. #3c57ce
  3. #6a3cce

त्रिक

  1. #3c57ce
  2. #ce3c57
  3. #57ce3c

चतुष्क

  1. #3c57ce
  2. #b33cce
  3. #ceb33c
  4. #57ce3c

वर्ग

  1. #3c57ce
  2. #ce3ca0
  3. #ceb33c
  4. #3cce6a

एकरंगी

  1. #17235a
  2. #263b97
  3. #3c57ce
  4. #798cdd
  5. #b6c0ed

शेड

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

  1. #3c57ce
  2. #364eb9
  3. #3046a5
  4. #2a3d90
  5. #24347c
  6. #1e2c67
  7. #182352
  8. #121a3e
  9. #0c1129
  10. #060915
  11. #000000

टिंट

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

  1. #3c57ce
  2. #5068d3
  3. #6379d8
  4. #7789dd
  5. #8a9ae2
  6. #9eabe7
  7. #b1bceb
  8. #c5cdf0
  9. #d8ddf5
  10. #eceefa
  11. #ffffff

टोन

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

  1. #3c57ce
  2. #435bc6
  3. #4a5fbe
  4. #5063b7
  5. #5767af
  6. #5e6ca7
  7. #65709f
  8. #6c7497
  9. #727890
  10. #797c88
  11. #808080

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

अक्रोमैटोप्सिया #626262 ≈ 0.003% पुरुष
अक्रोमैटोमली #555e99 ≈ 0.001% पुरुष
प्रोटानोपिया #0069d2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #005ccc ≈ 1.27% पुरुष
ट्राइटानोपिया #00758a ≈ 0.0001% पुरुष
प्रोटानोमली #1362d0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #005acd ≈ 4.63% पुरुष
ट्राइटानोमली #006aa9 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#0f52ba Sapphire ΔE 5.23 #5a4fcf Iris ΔE 5.40 #6050dc Majorelle Blue ΔE 6.36 #4169e1 Royal Blue ΔE 6.47 #1560bd Denim ΔE 6.87 #6a5acd Slate Blue ΔE 7.06 #4166f5 Ultramarine Blue ΔE 7.10 #c3a831 उल्टा रंग #626262 ग्रेस्केल 

Sapphire
#3c57ce  rgb(60, 87, 206)  hsl(229, 60%, 52%)  Sapphire
#ceb33c  rgb(206, 179, 60)  hsl(49, 60%, 52%)  Old Gold
#ce3c57  rgb(206, 60, 87)  hsl(349, 60%, 52%)  Brick Red
#57ce3c  rgb(87, 206, 60)  hsl(109, 60%, 52%)  Lime Green